16 lines
846 B
Markdown
16 lines
846 B
Markdown
# 🏗️ [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`.
|
|
- 누가 프로젝트를 열었을 때 **"아, 여긴 뭐가 있겠구나"**라고 짐작하게 만들어라.
|