- 전체보기(18)
- Spring boot(4)
- spring security(3)
- django(2)
- node.js(2)
- JavaScript(2)
- express.js(2)
- next.js(2)
- React(2)
- chakra UI(1)
- CSS(1)
- aws(1)
- github(1)
- venv(1)
- nest.js(1)
- 부트캠프(1)
- typescript(1)
- 최적화(1)
- claude code(1)
- figma(1)
- S3(1)
- Antigravity(1)
Claude Code와 figma mcp server를 연결해서 활용하기
클로드 코드와 figma mcp server를 연결해서 사용해봤습니다. 디자인을 너무나 간편하게 코드로 구현할 수 있었습니다.
[Next.js] URLSearchParams를 활용해 search parameter를 수정하는 방법
useSearchParams의 반환값을 수정해서 search parameter를 수정하는 방법에 대해 정리했습니다.
[Typescript] declare module을 사용해야 하는 이유
타입스크립트의 declare module 개념과 사용해야 하는 이유를 정리했습니다.
리플로우(reflow)와 GPU 연산을 통한 애니메이션 최적화
리플로우 현상을 없애고 GPU 연산을 통해 애니메이션을 최적화하는 방법에 대해 정리했습니다.
[React] Chakra UI의 group 클래스와 _groupHover 속성
유튜브 영상 썸네일 컴포넌트를 만들며 Chakra UI의 group 클래스와 _groupHover 속성을 배웠습니다.
[React] 화면 요소 사이즈 변화를 감지하고 콜백 함수를 실행해주는 ResizeObserver
ResizeObserver의 특징과 React에서의 사용 방법을 정리했습니다.
안티그래비티 사용 후기
google에서 만든 새로나온 에디터, 안티그래비티. 다른 agent 에디터들과 어떤 점이 다른 지 궁금해서 사용해봤다.
[Spring Boot] Spring Security 인증, 인가 예외 처리 클래스 커스텀해서 사용하기
Spring Security의 인증, 인가 예외 처리 클래스를 작성하고 등록해 보았습니다.
[Spring Boot] Spring Security 세션로그인 구현 방법
스프링 시큐리티 세션 로그인 과정에 대해 정리해봤습니다. 코드를 하나씩 살펴보며 쉽게 이해하고 본인의 코드에 적용해봅시다.
[Spring Boot] Controller와 Service 제대로 구분하기
Spring Boot에서 Controller와 Service를 제대로 구분하지 못했던 저를 반성하고 앞으로는 제대로 구분하기 위해 내용을 정리해봤습니다.
Vercel에 Github Repository 연동해서 Next.js 프로젝트 배포해보기
Next.js 공식 홈페이지 튜토리얼을 따라해보며 Vercel을 활용해 프로젝트를 배포해봤습니다. 배포, 생각보다 어렵지 않아요.
Express.js에서 네이버 Papago API 요청해보기
Express.js에서 네이버 papago API 요청을 하기 위해 겪었던 일들을 정리한다. fetch 함수로 papago API 요청하는 코드도 정리해놓았다.
"__dirname is not defined in ES module scope" 오류의 원인과 해결방법
"__dirname is not defined in ES module scope" 오류에 대한 원인과 해결방법을 알아보자
