profile
개발을 재밌게!
post-thumbnail

Next.js app directory의 서버 컴포넌트에서 msw 사용하기

server component에서 msw를 정상적으로 동작시키는 방법에 대해 알아보고자 합니다.

2024년 1월 4일
·
0개의 댓글
·
post-thumbnail

Next.js를 aws에 서버리스로 배포하는 방법 with sst

Next.js를 vercel을 통해 배포하는 방법 말고 sst를 이용해서 aws에 배포하는 방법에 대해 알아봅니다.

2024년 1월 2일
·
0개의 댓글
·
post-thumbnail

블로그 목차(TOC) 아직도 IntersectionObserver로 만드시나요?

intersection observer와 scroll event를 이용하여 TOC를 구현하는 방법과 각 기능의 장단점을 설명합니다.

2023년 11월 9일
·
2개의 댓글
·
post-thumbnail

Next.js SSG에서 이미지 최적화 방법

Next.js에서 static export 옵션을 활성화 했을때 cloudinary를 통해서 이미지 최적화를 하고 이미지 업로드를 자동화 시키기

2023년 11월 8일
·
0개의 댓글
·
post-thumbnail

js 모듈 캐싱에 대해 알고 계신가요?

예시 코드와 함께 이해하는 js 모듈 캐싱

2023년 8월 20일
·
0개의 댓글
·
post-thumbnail

[react] key 제대로 다루기

리액트 애플리케이션에서의 `key`를 올바르게 잘 사용하는 방법을 알아보고자 합니다!

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

[JS] Array.includes 와 Set.has

아직도 includes로만 데이터를 조회 하나요?!

2022년 9월 14일
·
0개의 댓글
·

[JS] click 이벤트시 blur이벤트 무시하기

어떠한 요소 A 가 blur 이벤트를 기다리는중이다. 이때 다른 요소 B 에 click 이벤트를 먼저 실행시키고 싶다면 어떻게 해야 할까? B의 click 이벤트를 실행 시키면 mousedown -> blur -> click 순으로 이벤트가 실행이 된다. 브라우저의

2022년 9월 10일
·
0개의 댓글
·

[Nuxt] ssr 훅 에서 인스턴스 생성시 문제점(WARN Cannot stringify arbitrary non-POJOs)

WARN Cannot stringify arbitrary non-POJOs

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

safari 에서 화면 깜빡이는 버그

safari transition bug

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

[Nuxt] fetch 훅 사용시 주의점

nuxt로 개발을 할때 fetch는 매우 매력적인 훅이다. 하지만, 정확하게 알고 사용하는건 매우 중요하므로 제대로 알아보도록 하자!

2022년 3월 20일
·
1개의 댓글
·