핵심 답변
📌 Pages Router(Next.js 12 이하)
pages/ 폴더 기반 라우팅getServerSideProps, getStaticProps로 데이터 패칭모든 컴포넌트가 기본적으로 Client Component
📌 App Router(Next.js 13+)
app/ 폴더 기반 라우팅컴포넌트 내부에서 직접
async/await로 데이터 패칭Server Component가 기본값
layout.tsx, loading.tsx, error.tsx 등 파일 기반 구조React 18 Streaming, Suspense 지원
비교 표
핵심 용어
📌 React Server Components (RSC)서버에서 렌더링되는 React 컴포넌트. App Router의 핵심 특징으로, 클라이언트 번들에 포함되지 않아 성능이 좋습니다.