# 🏗️ [LEVEL 10] 모던 스택의 선택: Vite와 Next.js

## 1. 전광석화 같은 개발: Vite
- `Create React App(CRA)`은 이제 느리고 무겁다. 
- `Vite`는 브라우저의 기본 기능을 써서 서버 구동이 빛보다 빠르다. 
- **교훈**: 도구가 바뀌면 개발 경험이 바뀌고, 개발 경험은 생산성이다.

## 2. Server Side Rendering (SSR) & Next.js
- 구글 검색 로봇이 내 사이트를 잘 찾게 하려면(SEO) Next.js가 필수다.
- "깜빡임 없는 페이지 전환" + "빠른 첫 로딩"의 조화.
- **핵심**: 언제 CSR(클라이언트)을 쓰고 언제 SSR(서버)을 쓸지 구분하라.

## 3. 폴더 구조의 미학
- `components`, `hooks`, `services`, `utils`, `pages`. 
- 누가 프로젝트를 열었을 때 **"아, 여긴 뭐가 있겠구나"**라고 짐작하게 만들어라.