[P-Reinforce] 2026-04-20: 15-Level React Mastery Curriculum Integrated

2026-04-20 16:35:21 +09:00
parent 507f07fe7b
commit 6edd49abfd
31 changed files with 514 additions and 0 deletions
@@ -0,0 +1,15 @@
+# 🏗️ [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`. 
+- 누가 프로젝트를 열었을 때 **"아, 여긴 뭐가 있겠구나"**라고 짐작하게 만들어라.