Next.js의 렌더링 동작원리를 이해하기 위해 SSR부터 Next.js의 실제 코드까지도 뜯어보면서 Hydration을 이해해보자 :)
웹 성능에 큰 영향을 미치는 이미지에 대해 최적화 해봅시다. 이미지 최적화의 목표부터 전략까지 알아보고, 끝으로 Next.js 13 버전에서 변경된 Image 컴포넌트까지도 다뤄봅시다 :)
서버 사이드에서 렌딩하는 Next.js랑 클라이언트 사이드에서 초기화되는 msw 화해시키기 🤝