# Day 1
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 0. 들어가며 | 1.1) 강의 소개 | 11 |
| 1. Next.js를 소개합니다 | 1.2) Next.js를 소개합니다 | 8 |
| 1. Next.js를 소개합니다 | 1.3) Next.js 사전렌더링 이해하기 | 17 |
| 1. Next.js를 소개합니다 | 1.4) 실습용 백엔드 서버 세팅하기 | 18 |
| 1. Next.js를 소개합니다 | 1.5) 본격적인 학습에 앞서 | 4 |
# Day 2
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.1) Page Router를 소개합니다 | 21 |
| 2. Page Router 핵심정리 | 2.2) 페이지 라우팅 설정하기 | 20 |
# Day 3
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.3) 네비게이팅 | 7 |
| 2. Page Router 핵심정리 | 2.4) 프리페칭 | 15 |
| 2. Page Router 핵심정리 | 2.5) API Routes | 6 |
| 2. Page Router 핵심정리 | 2.6) 스타일링 | 9 |
# Day 4
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.7) 글로벌 레이아웃 설정하기 | 14 |
| 2. Page Router 핵심정리 | 2.8) 페이지별 레이아웃 설정하기 | 26 |
# Day 5
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.9) 한입 북스 UI 구현하기 | 34 |
# Day 6
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.10) Next.js의 사전 렌더링과 데이터페칭 | 10 |
| 2. Page Router 핵심정리 | 2.11) SSR 1. 소개 및 실습 | 13 |
| 2. Page Router 핵심정리 | 2.12) SSR 2. 실습 | 27 |
# Day 7
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.13) SSG 1. 소개 | 6 |
| 2. Page Router 핵심정리 | 2.14) SSG 2. 정적 경로에 적용하기 | 19 |
| 2. Page Router 핵심정리 | 2.15) SSG 3. 동적 경로에 적용하기 | 11 |
| 2. Page Router 핵심정리 | 2.16) SSR 4. 콜백옵션 설정하기 | 17 |
# Day 8
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.17) ISR 1. 소개 및 실습 | 8 |
| 2. Page Router 핵심정리 | 2.18) ISR 2. 주문형 재 검증 | 10 |
| 2. Page Router 핵심정리 | 2.19) SEO 설정하기 | 15 |
| 2. Page Router 핵심정리 | 2.20) 배포하기 | 12 |
# Day 9
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 2. Page Router 핵심정리 | 2.21) 페이지 라우터 정리 | 17 |
| 3. App Router 시작하기 | 3.1) App Router 시작하기 | 10 |
| 3. App Router 시작하기 | 3.2) 페이지 라우팅 설정하기 | 14 |
| 3. App Router 시작하기 | 3.3) 레이아웃 설정하기 | 18 |
# Day 10
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 3. App Router 시작하기 | 3.4) 리액트 서버 컴포넌트 이해하기 | 23 |
| 3. App Router 시작하기 | 3.5) 리액트 서버 컴포넌트 주의사항 | 21 |
# Day 11
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 3. App Router 시작하기 | 3.6) 네비게이팅 | 23 |
| 3. App Router 시작하기 | 3.7) 한입북스 UI 구현하기 | 18 |
# Day 12
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 4. 데이터 페칭 | 4.1) 데이터 페칭 in App Router | 28 |
| 4. 데이터 페칭 | 4.2) Next.js의 데이터 캐싱 | 17 |
| 4. 데이터 페칭 | 4.3) 리퀘스트 메모이제이션 | 13 |
# Day 13
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 5. 페이지 캐싱 | 5.1) 풀 라우트 캐시 1. 이론 | 17 |
| 5. 페이지 캐싱 | 5.2) 풀 라우트 캐시 2. 실습 | 13 |
| 5. 페이지 캐싱 | 5.3) 풀 라우트 캐시 3. 동적 경로에 적용하기 | 13 |
# Day 14
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 5. 페이지 캐싱 | 5.4) 라우트 세그먼트 옵션 | 14 |
| 5. 페이지 캐싱 | 5.5) 클라이언트 라우터 캐시 | 10 |
| 6. 스트리밍과 에러핸들링 | 6.1) 스트리밍이란? | 8 |
| 6. 스트리밍과 에러핸들링 | 6.2) 스트리밍 실습 1. 페이지 스트리밍 적용하기 | 13 |
# Day 15
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 6. 스트리밍과 에러핸들링 | 6.3) 스트리밍 실습 2. 컴포넌트 스트리밍 적용하기 | 13 |
| 6. 스트리밍과 에러핸들링 | 6.4) 스켈레톤 UI 적용하기 | 15 |
| 6. 스트리밍과 에러핸들링 | 6.5) 에러 핸들링 (error.tsx) | 24 |
# Day 16
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 7. 서버 엑션 | 7.1) 서버 엑션을 소개합니다 | 21 |
| 7. 서버 엑션 | 7.2) 리뷰 추가 기능 구현하기 | 17 |
| 7. 서버 엑션 | 7.3) 리뷰 조회 기능 구현하기 | 20 |
# Day 17
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 7. 서버 엑션 | 7.4) 리뷰 재검증 구현하기 | 14 |
| 7. 서버 엑션 | 7.5) 다양한 재검증 방식 살펴보기 | 9 |
| 7. 서버 엑션 | 7.6) 클라이언트 컴포넌트에서의 서버엑션 | 14 |
| 7. 서버 엑션 | 7.7) 리뷰 삭제 기능 구현하기 | 17 |
# Day 18
| 섹션 | 강의 | 플레이타임 |
|---|---|---|
| 8. 고급 라우팅 패턴 | 8.3) 패럴랠 & 인터셉팅 라우트 | 7 |
| 8. 고급 라우팅 패턴 | 8.2) 인터셉팅(가로채기) 라우트 | 22 |
| 8. 고급 라우팅 패턴 | 8.1) 패럴랠(병렬) 라우트 | 22 |
# Day 19
인프런 ‘한 입 크기로 잘라먹는 Next.js(v15)’ 스터디
Next 완전 정복
매주 목요일 오후 10시
- 1주일에 Day 5개씩 공부하기
- 스터디 레포에는 각 주차별 공부한 내용을 markdown으로 작성해서 올리기
- 작업물은 각자 레포에 올리기
- 벌금
- 목요일 회의 전까지 md 파일 안 올리면 3000원
![]() |
![]() |
![]() |
![]() |
|---|---|---|---|
| 이소연 | 남유성 | 황채연 | 한정욱 |



