[수업 목표]

[목차]

<aside> 💡 모든 토글을 열고 닫는 단축키 Windows : Ctrl + alt + t Mac : ⌘ + ⌥ + t

</aside>

<aside> ☝ 이번 강의에서는 next.js의 핵심인 렌더링 방식을 다루게 됩니다. 이를 위해 다음과 같은 내용을 다루어요.

  1. 클라이언트 컴포넌트와 서버 컴포넌트
  2. fetch와 주요 옵션을 통한 렌더링 이해
  3. fetch를 활용해 주요 렌더링 패턴 이해 </aside>

01. Warming UP! v12와 v13의 주요 차이점에 대해 훑고가기

<aside> ✔️ Next.js를 한다고 할 때, 가장 중요하게 보는 개념이 바로 렌더링 방식이에요. 12버전과 13전의 주요 차이점에 대해 훑어봅시다.

</aside>

02. 클라이언트 컴포넌트와 서버 컴포넌트

<aside> ✔️ React 18 버전에서 제시한 클라이언트 컴포넌트와 서버 컴포넌트는 Next.js 13 버전에서 제시하는 렌더링 패턴과 매우 밀접한 연관이 있습니다. 함께 알아봅니다.

</aside>