Next.jsArchitecture
App Router 핵심 장점
Pages Router 대비 App Router가 성능 최적화를 구조적 기본값으로 제공하는 이유를 파헤쳐보자!
포스트
RoutingNext.js
App Router Layout 중첩 구조
RootLayout · Layout · Page가 각각 언제 렌더되고 무엇을 담당하는지 역할을 알아보자!
Next.jsRenderingArchitecture
Page Router vs App Router
Page Router와 App Router의 렌더링 모델 차이와 각각 어떤 상황에서 선택해야 하는지 알아보자!
ArchitectureConfig / Build
서버 모듈이 클라이언트 번들에 섞이는 이유와 해결
클라이언트 번들에 서버 전용 모듈이 섞이는 원인과 파일 분리로 해결하는 방법을 알아보자!
RenderingPerformanceNext.js
CDN 개념과 Next.js 캐싱
CDN이 무엇이고, Next.js의 정적 페이지가 어떻게 전 세계에서 빠르게 응답되는지 파헤쳐보자!
RenderingNext.js
getStaticProps vs getServerSideProps
두 데이터 패칭 방식이 언제 HTML을 만들고, 왜 Prefetch 효과가 다른지 비교해보자!
RenderingNext.js
CSR, SSR, SSG, ISR, RSC 렌더링 전략
5가지 렌더링 방식의 차이와 선택 기준을 한 번에 정리해보자!
Component Design
React 컴포넌트 3단 구조 Best Practice
Controller · List · Item 3단 레이어로 React 컴포넌트의 역할을 분리하는 설계 원칙을 알아보자!