[수업 목표]

• Next.js이 가지고 있는 다양한 버전의 주요한 분기점에 대해 이해합니다.
• App Router, Pages Router의 장/단점을 알아보고 어떤 의사결정을 해야할 지 학습합니다.
• MPA부터 SPA, Next.js 사이드로 오기까지의 프론트엔드 웹 변천사에 대해 이해합니다.

[목차]

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/83c75a39-3aba-4ba4-a792-7aefe4b07895/095ffc3d-9080-4ea8-873d-c6f4618bbfe4/sparta.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/83c75a39-3aba-4ba4-a792-7aefe4b07895/095ffc3d-9080-4ea8-873d-c6f4618bbfe4/sparta.png" width="40px" /> 모든 토글을 열고 닫는 단축키 Windows : Ctrl + alt + t Mac : ⌘ + ⌥ + t

</aside>

01. 주요 분기점

<aside> ✔️ Next.js를 시작할 때 반드시 선택해야 하는 주요 항목인 라우팅에 대해 알아봅니다.

</aside>

• (1) 주요 의사결정의 핵심! 라우팅
• (2) React 및 Next.js에서의 라우팅 구현 방법

02. App Router vs Pages Router. 무엇을 선택해야 할까?

<aside> ✔️ 각 라우팅 방법에 근거한 방식을 이해하고, 올바른 의사결정을 위한 기준을 세우도록 합니다.

</aside>

• (1) app router를 쓰는 쪽에서는 이렇게 이야기합니다.
• (2) pages router를 쓰는 쪽에서는 이렇게 합니다.