⚡
Next.js 완전정복 — React 개발자의 풀스택 도약
🟡 중급React를 안다면 Next.js로 풀스택 개발자로 도약하세요. App Router · SSR/SSG/ISR · Server Actions · 인증 · 배포까지 30강 실전 커리큘럼
강의 목록 30개 세션
1
Next.js란? React와 무엇이 다른가 — SSR·SSG·ISR 패러다임 완전 이해
📄 문서
💻 실습
🎯 퀴즈
2
프로젝트 생성 & 구조 완전 해부 — App Router vs Pages Router
📄 문서
💻 실습
🎯 퀴즈
3
파일 기반 라우팅 — 폴더 구조가 URL이 된다
📄 문서
💻 실습
🎯 퀴즈
4
Layout & Template — 공통 레이아웃 시스템 마스터
📄 문서
💻 실습
🎯 퀴즈
5
Link & Navigation — next/link, useRouter, redirect 완전 정복
📄 문서
💻 실습
🎯 퀴즈
6
Server Component vs Client Component — 경계 이해가 전부다
📄 문서
💻 실습
🎯 퀴즈
7
Server Actions — 서버에서 실행되는 함수, form 없이 API 없이
📄 문서
💻 실습
🎯 퀴즈
8
데이터 페칭 기초 — fetch API, 캐싱 전략, 재검증
📄 문서
💻 실습
🎯 퀴즈
9
loading.tsx & Suspense — 로딩 UI 자동화
📄 문서
💻 실습
🎯 퀴즈
10
error.tsx & not-found.tsx — 에러 처리 시스템 구축
📄 문서
💻 실습
🎯 퀴즈
11
Route Handlers — API Routes 만들기 (GET·POST·PUT·DELETE)
📄 문서
💻 실습
🎯 퀴즈
12
Parallel Routes & Intercepting Routes — 모달 UI 구현
📄 문서
💻 실습
🎯 퀴즈
13
Static Generation(SSG) — generateStaticParams 완전 정복
📄 문서
💻 실습
🎯 퀴즈
14
Server Side Rendering(SSR) — 요청마다 새로운 데이터
📄 문서
💻 실습
🎯 퀴즈
15
Incremental Static Regeneration(ISR) — 정적의 속도 + 동적의 신선함
📄 문서
💻 실습
🎯 퀴즈
16
Middleware — 요청 가로채기, 인증 게이트, A/B 테스트
📄 문서
💻 실습
🎯 퀴즈
17
Cookie & Session 관리 — 서버/클라이언트 양쪽에서
📄 문서
💻 실습
🎯 퀴즈
18
환경변수 & 보안 — NEXT_PUBLIC_ 규칙과 시크릿 관리
📄 문서
💻 실습
🎯 퀴즈
19
Tailwind CSS 통합 — Next.js 공식 스타일 솔루션 실전
📄 문서
💻 실습
🎯 퀴즈
20
next/image — 이미지 자동 최적화, WebP 변환, lazy loading
📄 문서
💻 실습
🎯 퀴즈
21
next/font — 폰트 최적화, FOUT 제거, 커스텀 폰트
📄 문서
💻 실습
🎯 퀴즈
22
Metadata API — SEO 완전 정복, OG 이미지 자동 생성
📄 문서
💻 실습
🎯 퀴즈
23
성능 최적화 — Bundle 분석, Dynamic Import, 코드 스플리팅
📄 문서
💻 실습
🎯 퀴즈
24
국제화(i18n) — 다국어 사이트 구축
📄 문서
💻 실습
🎯 퀴즈
25
인증(Auth) 구현 — NextAuth.js v5로 소셜 로그인부터 JWT까지
📄 문서
💻 실습
🎯 퀴즈
26
데이터베이스 연동 — Prisma + PostgreSQL 완전 통합
📄 문서
💻 실습
🎯 퀴즈
27
CI4 백엔드 연동 — PHP API → Next.js 프론트엔드 통합
📄 문서
💻 실습
🎯 퀴즈
28
테스트 — Jest + React Testing Library + Playwright E2E
📄 문서
💻 실습
🎯 퀴즈
29
Vercel 배포 & 도메인 연결 — 프로덕션 운영 가이드
📄 문서
💻 실습
🎯 퀴즈
30
실전 프로젝트 — Next.js + CI4 풀스택 앱 완성
📄 문서
💻 실습
🎯 퀴즈