작품소개
초보자도 쉽게 따라 하며 배울 수 있도록 Next.js의 기초부터 핵심 개념까지 담았습니다!
Next.js는 프런트엔드와 백엔드까지 모두 개발할 수 있는 풀스택 웹 프레임워크이다. 이 책은 Next.js를 처음 접하는 사람도 쉽게 따라 하며 배울 수 있게, 설치부터 OpenAI API 사용까지 단계별로 구성되어 있다. 특히 Next.js의 핵심 기술을 실습 위주로 하나씩 실습하며 상세하게 설명하고 있어 기본기를 다지고자 하는 독자에게는 좋은 출발점이 될 것이다. 더불어 Next.js를 사용할 때 꼭 알아야 하는 리액트 기초도 함께 설명하고 있어, 리액트를 몰라도 Next.js를 쉽게 시작할 수 있다.
저자소개
일본 최초의 Mac 전문 월간지 Mac+ 시절부터 주로 Mac 관련 잡지에 기고해 왔으며, 하이퍼 카드의 등장으로 ‘초보자를 위한 프로그래밍’에 눈을 떴다. 이후 Mac, Windows, Web, Android, iOS 등 플랫폼을 가리지 않고 프로그래밍 초보자를 위한 책을 계속 집필하고 있다.최근 저서로는 『프로그래밍 지식이 없어도 알 수 있는 프롬프트 엔지니어링 입문』, 『Azure OpenAI 프로그래밍 입문』, 『Python Django 4 초입문』, 『Python/JavaScript로 배우는 Open AI 프로그래밍』, 『Node.js 초입문 제4판』, 『Click으로 시작하는 노코드 개발 입문』, 『R/RStudio로 쉽게 배우는 프로그래밍과 데이터 분석』 등이 있다./현재 컴퓨터 기술 분야 번역을 주로 한다. 평소 관심 분야는 IT 기술 동향과 어학 교육 콘텐츠 기획 등이며, 최근에는 macOS 및 iOS를 기반으로 작업 환경을 바꾸고 더 나은 작업 방법을 찾는 중이다. 주요 번역서로는 『그림으로 배우는 스프링6 입문』(한빛미디어, 2024), 『따라 하며 배우는 언리얼 엔진 5 입문』(한빛미디어, 2024), 『그림으로 배우는 5G 네트워크』(영진닷컴, 2022), 『그림으로 이해하는 IT 지식과 트렌드』(길벗, 2021), 『파이썬으로 배우는 머신러닝 입문』(성안당, 2021), 『Scratch가 보이는 그림책』(성안당, 2020), 『C가 보이는 그림책』(성안당, 2018), 『실무에서 바로 통하는 자바』(한빛미디어, 2017), 『안드로이드 개발 레벨업 교과서』(위키북스, 2017), 『24가지 예제로 배우는 게임 수학&물리 입문』(길벗, 2014), 『세가의 신입 사원 교육 과정에서 배우는 게임 프로그래밍의 정석』(한빛미디어, 2012), 『웹 개발자를 위한 웹을 지탱하는 기술』(멘토르, 2011) 등이 있다.
목차
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 객체 이용하기