Next.js 를 사용하기전 렌더링 구조를 이해해야 사용할 수 있습니다. 서버 컴포넌트와 클라이언트 컴포넌트, 프리렌더링이 무엇이고, 하이드레이션에 대한 개념을 학습해보도록 하겠습니다.목차1. Next.js 13이후 렌더링 방식 개요1-1. 서버 컴포넌트란?1-2. 서버 컴포넌트 용도1-3. 클라이언트 컴포넌트란?1-4. 클라이언트 컴포넌트 용도1-5. 서버와 클라이언트 컴포넌트의 조합2. 프리렌더링(Pre-rendering)2-1. 프리렌더링이란?2-2. 프리렌더링 동작 방식3. 하이드레이션(Hydration)3-1. 하이드레이션이란?3-2. 하이드레이션 흐름서론Next.js는 React 기반의 강력한 프레임워크로, 꾸준히 발전해오고 있습니다. 특히 Next.js 13버전부터 도입된 App Router..