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