Next.js

강좌 개요

Next.js는 React 위에 라우팅(Routing), 렌더링(Rendering), 데이터 불러오기(Data Fetching) 같은 결정을 프레임워크 차원에서 제공하는 풀스택 프레임워크(Framework)입니다. 이 강좌는 roadmap.sh의 Next.js 로드맵을 따라, create-next-app으로 프로젝트를 만들고 파일 기반 라우팅과 레이아웃으로 화면 구조를 잡고, 동적 라우트와 오류·로딩 상태를 다루고, 서버·클라이언트 데이터 불러오기와 서버 액션(Server Action)으로 데이터 흐름을 완성하고, 스타일링·메타데이

선수 지식

• react

레슨 구성

• 01. 강좌 개요 (1장. 강좌 소개)
• 02. Next.js가 필요한 이유와 프로젝트 생성 (2장. Next.js가 필요한 이유와 프로젝트 생성)
• 03. 파일 기반 라우팅과 레이아웃 (2장. Next.js가 필요한 이유와 프로젝트 생성)
• 04. 동적 라우트와 오류·로딩 UI (3장. 동적 라우트와 오류·로딩 UI)
• 05. 데이터 불러오기와 API 라우트 (3장. 동적 라우트와 오류·로딩 UI)
• 06. 서버 액션과 컴포넌트 합성 (4장. 서버 액션과 컴포넌트 합성)
• 07. 스타일링, 메타데이터, 배포 준비 (4장. 서버 액션과 컴포넌트 합성)

실습 안내

• 본 강좌의 실습 코드는 브라우저 및 로컬 런타임에서 직접 수정하고 실행할 수 있습니다.