쉽게 시작하는 Next.js

모든 것은 기본에서 시작한다!
차근차근 따라 하며 배우는 Next.js!

Next.js는 리액트를 기반으로 하는 웹 개발 프레임워크입니다. 서버 사이드 렌더링, 라우팅, 정적 웹 페이지 생성 등 다양한 기능을 가지고 있으며, 백엔드부터 프런트엔드까지 풀스택 개발도 가능합니다. 이 책은 Next.js를 처음 배우는 사람들을 위한 책입니다. 입문자의 눈높이에 맞춰 Next.js의 다양한 기능을 하나하나 실습하고 친절히 설명합니다. 최대한 많이 경험할 수 있도록 쉽고 다양한 예제로 알차게 구성했습니다. 더불어 타입스크립트를 사용해본 적이 없는 사람들을 위해 타입스크립트의 기본 내용도 부록으로 담았습니다.
먼저, Next.js를 배우기 위한 개발 환경부터 설정하고, UI를 위해 꼭 알아야 하는 리액트 컴포넌트를 학습합니다. 이어 Next.js의 라우팅 시스템, 다양한 렌더링 기법을 다루며, 간단한 데이터 처리도 다룹니다. 여기에 최근 주목받고 있는 OpenAI API를 이용하는 예제까지 포함하고 있습니다. 이처럼 Next.js의 개념과 다양한 기능을 배우면서 Next.js를 익힐 수 있습니다. 본격적으로 웹 애플리케이션 개발을 하고 싶다면 꼭 Next.js를 주목해보기 바랍니다. 새로운 세계가 여러분을 기다리고 있습니다.

CHAPTER 1 Next.js 기초 지식
1.1 Next.js 준비하기
1.2 리액트 애플리케이션 개발
1.3 Next.js 애플리케이션 개발
1.4 Vercel로 배포하기

CHAPTER 2 리액트 컴포넌트 학습
2.1 리액트 함수형 컴포넌트의 기본
2.2 스테이트와 훅
2.3 컴포넌트 활용

CHAPTER 3 Next.js 페이지 만들기
3.1 리액트 기반 컴포넌트
3.2 라우팅과 페이지 이동
3.3 스타일과 레이아웃

CHAPTER 4 페이지 라우터 애플리케이션
4.1 페이지 라우터에 대해서
4.2 복수 페이지와 라우팅
4.3 레이아웃과 초기 속성

CHAPTER 5 페이지 렌더링
5.1 페이지 라우터와 서버 사이드 렌더링
5.2 페이지 라우터와 정적 사이트 생성
5.3 페이지 라우터의 서버 사이드 렌더링
5.4 앱 라우터의 렌더링

CHAPTER 6 데이터 액세스
6.1 fetch를 이용한 데이터 액세스
6.2 서버 액션
6.3 SWR에 의한 네트워크 액세스

CHAPTER 7 API 작성과 이용
7.1 페이지 라우터와 API
7.2 앱 라우터와 라우트 핸들러

CHAPTER 8 OpenAI API 이용하기
8.1 OpenAI API 준비하기
8.2 Next.js에서 채팅 기능 이용하기
8.3 Next.js에서 이미지 생성하기
8.4 OpenAI 패키지 이용하기

부록 A 타입스크립트 입문
A.1 값, 변수, 구문
A.2 함수 이용하기
A.3 객체 이용하기

찾아보기

쇼다 츠야노 일본 최초의 Mac 전문 월간지 Mac+ 시절부터 주로 Mac 관련 잡지에 기고해 왔으며, 하이퍼 카드의 등장으로 '초보자를 위한 프로그래밍'에 눈을 떴다. 이후 Mac, Windows, Web, Android, iOS 등 플랫폼을 가리지 않고 프로그래밍 초보자를 위한 책을 계속 집필하고 있다.최근 저서로는 『프로그래밍 지식이 없어도 알 수 있는 프롬프트 엔지니어링 입문』, 『Azure OpenAI 프로그래밍 입문』, 『Python Django 4 초입문』, 『Python/JavaScript로 배우는 Open AI 프로그래밍』, 『Node.js 초입문 제4판』, 『Click으로 시작하는 노코드 개발 입문』, 『R/RStudio로 쉽게 배우는 프로그래밍과 데이터 분석』 등이 있다.