Skip to content

인프런 '한 입 크기로 잘라먹는 Next.js' 강의를 듣고, 공부한 내용을 공유하는 스터디입니다.

Notifications You must be signed in to change notification settings

chill-gongju/Next-Study

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗓️ 진도표

# 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



💫 Goal

Next 완전 정복

🕐 When

매주 목요일 오후 10시

🔎 How

  • 1주일에 Day 5개씩 공부하기
  • 스터디 레포에는 각 주차별 공부한 내용을 markdown으로 작성해서 올리기
  • 작업물은 각자 레포에 올리기
  • 벌금
    • 목요일 회의 전까지 md 파일 안 올리면 3000원

👥 Member

이소연 남유성 황채연 한정욱

About

인프런 '한 입 크기로 잘라먹는 Next.js' 강의를 듣고, 공부한 내용을 공유하는 스터디입니다.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •