분류 전체보기
-
개요영어 문외한인 개발자로써 spring을 사용하다 HttpStatus 클래스를 들여다보면 무수히 많은 영어들로 인해 정신이 아득해질 때가 있다.매번 번역기 돌리기가 귀찮아 정리해보았다.표| 이름 | code | Series | 설명 | ------------------------------ | --- | -------------------------- | ------------------------------------ | CONTINUE | 100 | INFORMATIONAL | 계속 ..
Spring - HttpStatus enum값 모든 종류개요영어 문외한인 개발자로써 spring을 사용하다 HttpStatus 클래스를 들여다보면 무수히 많은 영어들로 인해 정신이 아득해질 때가 있다.매번 번역기 돌리기가 귀찮아 정리해보았다.표| 이름 | code | Series | 설명 | ------------------------------ | --- | -------------------------- | ------------------------------------ | CONTINUE | 100 | INFORMATIONAL | 계속 ..
2024.07.19 -
개요JWT 작업 중 Test 코드에서 Slf4j로 로그를 찍어보려고 했는데 import문을 작성해줘도 Cannot resolve symbol 'Slf4j' 에러가 떠서 해결 방법을 찾아보았다.해결방법build.gradle에 아래 의존성을 추가해주면 된다.// Test 코드에 lombok 의존성 추가testCompileOnly 'org.projectlombok:lombok'testAnnotationProcessor 'org.projectlombok:lombok'
Spring - Test코드에서 Slf4j 사용 (Gradle)개요JWT 작업 중 Test 코드에서 Slf4j로 로그를 찍어보려고 했는데 import문을 작성해줘도 Cannot resolve symbol 'Slf4j' 에러가 떠서 해결 방법을 찾아보았다.해결방법build.gradle에 아래 의존성을 추가해주면 된다.// Test 코드에 lombok 의존성 추가testCompileOnly 'org.projectlombok:lombok'testAnnotationProcessor 'org.projectlombok:lombok'
2024.07.17 -
개요spring security + jwt 기초 세팅을 하던 중 블로그를 둘러보면 다들 jwt 시크릿 키가 있는데 어디서 만드는 지 몰라 찾아보았다.jwt 공식 사이트에서 만들어주는 건가 했는데 찾아본 결과 그냥 마음대로 만드는 거였다.직접 만들기도 귀찮으니 랜덤으로 만들어주는 터미널 명령어를 찾아보았다.명령어# OpenSSL을 사용하여 64바이트 길이의 난수 값을 16진수(hex) 형식으로 생성openssl rand -hex 64
JWT - JWT 시크릿 키 생성개요spring security + jwt 기초 세팅을 하던 중 블로그를 둘러보면 다들 jwt 시크릿 키가 있는데 어디서 만드는 지 몰라 찾아보았다.jwt 공식 사이트에서 만들어주는 건가 했는데 찾아본 결과 그냥 마음대로 만드는 거였다.직접 만들기도 귀찮으니 랜덤으로 만들어주는 터미널 명령어를 찾아보았다.명령어# OpenSSL을 사용하여 64바이트 길이의 난수 값을 16진수(hex) 형식으로 생성openssl rand -hex 64
2024.07.15 -
개요Spring Security 설정을 만져주던 중 "/join" 경로를 허용해줬는데도 계속 403 에러가 발생해 피눈물이 나던 중 겨우겨우 해결해서 글을 남긴다.설명설정이 잘못돼서 에러가 발생하는 경우도 있겠지만 나의 경우는 허용한 페이지 접속 시 이런저런 이유로 에러가 발생했는데 그 때 이동되는 "/error" 페이지는 허용이 되어있지 않아서 발생하는 오류였다.해결방법"/error" 페이지도 허용을 해준다.// 전// 경로별 인가http.authorizeHttpRequests(auth -> auth .requestMatchers("/", "/join").permitAll() // 메인, 회원가입 페이지 허용 .anyRequest().authenticated());// 후// ..
Spring - Spring Security 허용했는데 403 에러 발생개요Spring Security 설정을 만져주던 중 "/join" 경로를 허용해줬는데도 계속 403 에러가 발생해 피눈물이 나던 중 겨우겨우 해결해서 글을 남긴다.설명설정이 잘못돼서 에러가 발생하는 경우도 있겠지만 나의 경우는 허용한 페이지 접속 시 이런저런 이유로 에러가 발생했는데 그 때 이동되는 "/error" 페이지는 허용이 되어있지 않아서 발생하는 오류였다.해결방법"/error" 페이지도 허용을 해준다.// 전// 경로별 인가http.authorizeHttpRequests(auth -> auth .requestMatchers("/", "/join").permitAll() // 메인, 회원가입 페이지 허용 .anyRequest().authenticated());// 후// ..
2024.07.13 -
개요디자인적으로 안 좋을 것 같지만... 태그에 hover시 테두리가 무지개색으로 빛났으면 좋겠다는 생각이 들었다.코드/* 무지개 효과 */div:hover{ animation-duration: 5s; animation-name: rainbowLink; animation-iteration-count: infinite;}@keyframes rainbowLink { 0% { border-color: #ff2a2a55; } 15% { border-color: #ff7a2a55; } 30% { border-color: #ffc52a55; } 45% { border-color: #43ff2a55; } 60% { border-color: #2a89ff55; } 75% { border-color: ..
css - hover시 무지개색 테두리개요디자인적으로 안 좋을 것 같지만... 태그에 hover시 테두리가 무지개색으로 빛났으면 좋겠다는 생각이 들었다.코드/* 무지개 효과 */div:hover{ animation-duration: 5s; animation-name: rainbowLink; animation-iteration-count: infinite;}@keyframes rainbowLink { 0% { border-color: #ff2a2a55; } 15% { border-color: #ff7a2a55; } 30% { border-color: #ffc52a55; } 45% { border-color: #43ff2a55; } 60% { border-color: #2a89ff55; } 75% { border-color: ..
2024.07.12 -
개요js fetch api를 사용해 open api에서 정보를 가져오려고 할때 에러가 발생했다.해결방법# 전let res = fetch("https://example.com").json();# 후let res = fetch("https://example.com").then(response => response.json());
JS - fetch api cors error개요js fetch api를 사용해 open api에서 정보를 가져오려고 할때 에러가 발생했다.해결방법# 전let res = fetch("https://example.com").json();# 후let res = fetch("https://example.com").then(response => response.json());
2024.07.12 -
개요임파님의 블로그를 보면 오늘의 명언이 나오는데 나도 이 기능을 적용시켜보고 싶어 찾아보니 마음에 드는 글이 없어 직접 만들어 포스팅을 하게 되었다.주의사항html, css, js에 대한 기초 지식이 없을 경우 진행이 어려울 수 있습니다.블로그 스킨에 따라 css가 깨질 수 있습니다.기능 적용 방법1. js 파일 업로드업로드 경로: 티스토리 블로그 관리 -> 스킨 편집 -> html 편집 -> 파일 업로드 -> 추가파일 내용/*** 랜덤 띵언을 제공하는 API URL* @constant {string}*/const DDING_API_URL = "https://korean-advice-open-api.vercel.app/api/advice";/*** API에서 랜덤 띵언을 가져와 HTML을 업데이트하는 ..
티스토리 블로그에 랜덤 명언 출력하기개요임파님의 블로그를 보면 오늘의 명언이 나오는데 나도 이 기능을 적용시켜보고 싶어 찾아보니 마음에 드는 글이 없어 직접 만들어 포스팅을 하게 되었다.주의사항html, css, js에 대한 기초 지식이 없을 경우 진행이 어려울 수 있습니다.블로그 스킨에 따라 css가 깨질 수 있습니다.기능 적용 방법1. js 파일 업로드업로드 경로: 티스토리 블로그 관리 -> 스킨 편집 -> html 편집 -> 파일 업로드 -> 추가파일 내용/*** 랜덤 띵언을 제공하는 API URL* @constant {string}*/const DDING_API_URL = "https://korean-advice-open-api.vercel.app/api/advice";/*** API에서 랜덤 띵언을 가져와 HTML을 업데이트하는 ..
2024.07.12 -
개요감사하게도 지인분께 키크론 k8 pro 키보드를 선물 받아 사용하던 중 키크론 키보드는 f1키를 입력하면 자동으로 fn + f1키가 입력 되고 fn + f1키를 입력해야 f1키가 입력되는 것을 알게 되었다.개발자로써 f1 ~ 12까지의 키를 쓸 일이 많아 그때마다 fn키까지 같이 눌러줘야하는게 굉장히 불편했는데 맥 자체의 설정으로도 키를 돌릴 수 없는 것을 알게 되었고 열심히 찾아보아도 기능키를 기본 맥 키보드처럼 쓸 수 있는 방법은 찾지 못했다... 하InteliJ에서 파일 리팩토링 단축키가 shift + f6인데 리팩토링을 하기위해 shift + f6 + fn 이렇게 세 키를 누를 때마다 참을 수 없는 분노가 올라와서 결국 키크론 키보드 런처에 접속해 직접 부딪혀서 설정하게 되었다.설정 방법유선으..
키크론 키보드 fn + f1~12 키 기본 설정개요감사하게도 지인분께 키크론 k8 pro 키보드를 선물 받아 사용하던 중 키크론 키보드는 f1키를 입력하면 자동으로 fn + f1키가 입력 되고 fn + f1키를 입력해야 f1키가 입력되는 것을 알게 되었다.개발자로써 f1 ~ 12까지의 키를 쓸 일이 많아 그때마다 fn키까지 같이 눌러줘야하는게 굉장히 불편했는데 맥 자체의 설정으로도 키를 돌릴 수 없는 것을 알게 되었고 열심히 찾아보아도 기능키를 기본 맥 키보드처럼 쓸 수 있는 방법은 찾지 못했다... 하InteliJ에서 파일 리팩토링 단축키가 shift + f6인데 리팩토링을 하기위해 shift + f6 + fn 이렇게 세 키를 누를 때마다 참을 수 없는 분노가 올라와서 결국 키크론 키보드 런처에 접속해 직접 부딪혀서 설정하게 되었다.설정 방법유선으..
2024.07.12