동적·중첩 라우팅 — [slug]·(group)·[…all] 정리
App Router 폴더 이름 트릭. 동적 [slug]·그룹 (group)·catch-all […all]·옵셔널 정리. 교재 5편.
jspark1st
모듈 시스템 — CommonJS vs ESM 완전 정리
Node.js 모듈 시스템 두 가지 — require 의 CJS 와 import 의 ESM. 차이·언제 무엇을·.cjs/.mjs 규칙. 교재 4편.
페이지와 레이아웃 — page.tsx·layout.tsx 작성하기
page.tsx 와 layout.tsx 를 직접 손으로 만들며 사이트 골격 잡기. 중첩 레이아웃·children·메타데이터·실행 흐름까지. 교재 4편.
REPL과 첫 스크립트 — node 명령으로 JS 실행하기
node 명령으로 자바스크립트를 실행하는 두 가지 방법. 인터랙티브 REPL 과 파일 실행. 차이와 언제 무엇을 쓰는가. 교재 3편.
App Router 폴더 구조 한눈에 보기 — Next.js Ch.3
app/ 디렉토리 특수 파일 정리. layout·page·loading·error·not-found 의미. 폴더가 곧 라우트. 교재 3편.
Node.js 설치와 버전 관리 — nvm 완전 정리
nvm 으로 Node.js 여러 버전을 깔끔하게 관리하는 법. 맥·우분투·윈도우 각각 설치, LTS 선택, 프로젝트별 버전 고정까지. 교재 2편.
create-next-app 으로 첫 Next.js 프로젝트 시작하기
create-next-app 한 줄로 Next.js 프로젝트 시작. 옵션 7개·폴더 구조·dev 서버·첫 페이지 수정까지. 교재 2편.
Node.js 입문 — 브라우저 밖에서 자바스크립트가 돈다
Node.js 는 V8 엔진을 서버에 옮긴 자바스크립트 런타임. 한 언어로 풀스택. 왜 등장했고 무엇이 다른가, 어떤 사람이 쓰나. 교재 1편.
Next.js 입문 — React와 무엇이 다른가, 왜 쓰나
Next.js 는 React 위에 얹는 메타 프레임워크. SSR·SSG·라우팅·이미지 최적화가 다 묶임. React 와 차이 + 언제 쓰는가. 교재 1편.
React DevTools + 마이그레이션 (Ch.25)
React DevTools 디버깅 + Class→Hooks, JS→TS, CRA→Vite 마이그레이션. 시리즈 마지막.
React 빌드와 배포 (Ch.24)
React 빌드·배포 — Vite build, code splitting, 환경변수, Vercel·Cloudflare·자체 Nginx. 교재 24편.
React Server Components 정리 (Ch.23)
React Server Components — RSC, use server/client 경계, 데이터 fetch 인라인, Next.js App Router. 교재 23편.