Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
한 입 크기로 잘라먹는 Next.js(15+)
Highest Rated
Rating: 4.9 out of 5(93 ratings)
582 students

한 입 크기로 잘라먹는 Next.js(15+)

15시간 분량으로 Page Router부터 App Router까지
Last updated 2/2025
Korean

What you'll learn

  • Page Router에 대해 빠르게 살펴봅니다. 동시에 Page Router에 어떠한 불편함과 기술적 한계점 들이 있는지도 함께 살펴봅니다.
  • 화제의 중심! App Router에 대해 살펴봅니다. App Router란 무엇인지, 어떤 기술적 차이가 있는지 알아보며 기본적인 사용법에 대해서도 함께 살펴봅니다.
  • 서버 컴포넌트를 활용한 데이터 페칭에 대해 살펴봅니다. 동시에 Next에서 제공하는 다양한 캐싱(데이터 캐시, 리퀘스트 메모이제이션)에 대해서도 함께 살펴봅니다.
  • App Router 버전의 페이지 캐싱인 풀 라우트 캐시와 클라이언트 라우터 캐시에 대해 자세히 살펴봅니다. 동시에 페이지의 캐싱 옵션을 강제로 설정하는 라우트 세그먼트 옵션에 대해서도 추가로 살펴봅니다
  • 페이지에서 빠르게 준비되는 부분부터 바로 렌더링 하도록 도와주는 스트리밍에 대해 살펴봅니다. Loading 파일을 이용한 방식과 Suspense를 이용한 두가지 방식을 모두 살펴봅니다.
  • 공개당시 뜨거운 반응을 불러일으킨 서버액션에 대해 살펴봅니다. 서버액션을 이용해 데이터를 추가하거나 삭제하며 로딩 상태와 에러 상태를 처리하는 방법까지 살펴봅니다.

Course content

9 sections63 lectures15h 34m total length
  • 강의소개10:46
  • 수강생 커뮤니티 참가 안내0:32
  • 예제 코드 및 수업자료 안내0:56
  • Next.js를 소개합니다7:53
  • Next.js 사전렌더링 이해하기17:01
  • 실습용 백엔드 서버 세팅하기18:44
  • 본격적인 학습에 앞서4:18

Requirements

  • Reactjs와 TypeScript에 대한 기초 지식이 필요합니다

Description

한 입 크기로 잘라먹는 Next.js
세상에서 가장 친절하고, 세상에서 가장 쉬운 Next.js 강의를 향해


15시간의 분량으로
Page Router부터 App Router까지

Next.js의 전반적인 모든 개념을 다루는 강의입니다.


Next.js 13 버전부터 새롭게 등장한 App Router는 Page Router의 단점을 보완하기 위해 등장했습니다.
따라서 Page Router에 대한 이해가 없다면 App Router의 새로운 매커니즘에 대해 쉽게 이해하기 어렵습니다.

본 강의는 Page Router(5시간)를 빠르게 살펴본 다음 App Router(10시간)를 본격적으로 살펴보는 순서로 진행됩니다.

이를 통해 기존의 Page Router에 어떤 한계점이 있었고 App Router가 이런 한계점을 어떻게 극복하는지 깊이 이해하게 됩니다.

그러나 오해하진 마세요, 본 강의는 App Router를 중심으로 진행됩니다.


실제 상황과 최대한 가깝게
실습을 위한 자체 제작 백엔드 서버 제공

Next.js의 각종 캐싱 기능을 좀 더 실전에 가까운 환경에서 살펴보기 위해
자체 제작한 백엔드 서버를 제공해드립니다.


이 강의의 특징

  • 특징 1. 직관적이고 풍부한 시각자료

  • 특징 2. 좋은 발성과 딕션

  • 특징 3. 섹션별로 깔끔하게 정리된 실습 코드

  • 특징 4. 함께 성장할 수 있는 수강생 전용 커뮤니티


본 강의는 React + TypeScript에 대한 기초 지식이 있는 사람을 대상으로 제작되었습니다.

그러나 TypeScript를 모르신다고 하더라도 수강이 불가능하지는 않습니다.

TypeScript 기초 지식이 없으신 분들도 함께 수강하실 수 있도록

중간중간 부연설명이나 타입스크립트 무료 학습 자료를 첨부해 드릴테니 함께 학습하셔도 좋을 것 같습니다.

Next.js를 제대로 배워보실 의향이 있으시다면 강의에서 반갑게 인사 드리도록 하겠습니다!


Who this course is for:

  • Nextjs를 처음 시작하는 입문자 분들
  • 최신 Nextjs(15+) 버전으로 배워보고 싶으신 분