실전에서 바로 쓰는 Next.js
도서+교보Only(교보배송)을 함께 15,000원 이상 구매 시 무료배송
15,000원 미만 시 2,500원 배송비 부과
20,000원 미만 시 2,500원 배송비 부과
15,000원 미만 시 2,500원 배송비 부과
1Box 기준 : 도서 10권
알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
패키지
북카드
키워드 Pick
키워드 Pick 안내
관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.
특히 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 비롯하여 스타일링, 인증, API 호출 등 대규모 애플리케이션 개발에 필요한 내용까지 다루기 때문에 실전에서 바로 활용할 수 있습니다. 또한 이 모든 내용을 토대로 온라인 상거래 웹 사이트를 직접 구현하고 배포해보며 Next.js와 리액트 개발 실력을 한층 더 높일 수 있습니다.
웹 애플리케이션의 SEO, 사용자 경험, 개발자 만족도를 모두 향상시키고 싶은가요? 그 답은 Next.js에 있습니다.
작가정보
Michele Riva
이탈리아 밀라노에서 구글 개발자이자 소프트웨어 아키텍트로 일해온 열정 넘치는 개발자입니다. 수년간 많은 오픈소스 프로젝트에 기여했으며 Haskell, Elixir, Go, 타입스크립트 등 다양한 프로그래밍 언어를 사용합니다. 또한 여러 가지 주제로 글을 쓰고 있으며 많은 국제 콘퍼런스에서 연사로 활동하고 있습니다. 책을 쓰는 동안에는 파라마운트 글로벌 아키텍처 팀에서 시니어 소프트웨어 엔지니어로 근무하며 스트리밍 웹 사이트의 핵심인 멀티테넌트 Node.js 애플리케이션을 개발했습니다. 현재는 아일랜드 트라모레에 있는 소프트웨어 회사 NearForm에서 시니어 소프트웨어 아키텍트로 일하고 있습니다.
홍익대학교 컴퓨터공학과에서 박사 학위를 받았으며 현재는 SK텔레콤에서 개발자로 일하고 있습니다. 커널, 시스템, 클라우드 컴퓨팅, 쿠버네티스, 웹 등 다양한 개발 분야에 관심을 가지고 있으며, 『자바스크립트는 왜 그 모양일까?』(인사이트, 2020), 『스벨트 앤 새퍼 인 액션』(한빛미디어, 2021), 『클라우드 네이티브 애플리케이션 디자인 패턴』(한빛미디어, 2022)을 번역했습니다.
목차
- PART 1 Next.js의 세계로
CHAPTER 1 Next.js 알아보기
1.1 준비하기
1.2 Next.js란?
1.3 Next.js와 비슷한 프레임워크
1.4 왜 Next.js일까?
1.5 리액트에서 Next.js로
1.6 Next.js 시작하기
프로젝트 기존 구조
타입스크립트 지원
바벨와 웹팩 설정 커스터마이징
정리하기
CHAPTER 2 렌더링 전략
2.1 서버 사이드 렌더링 (SSR)
2.2 클라이언트 사이드 렌더링 (CSR)
React.useEffect 훅
process.browser 변수
동적 컴포넌트 로딩
2.3 정적 사이트 생성 (SSG)
정리하기
CHAPTER 3 Next.js 기초와 내장 컴포넌트
3.1 라우팅 시스템
페이지에서 경로 매개변수 사용하기
컴포넌트에서 경로 매개변수 사용하기
클라이언트에서의 내비게이션
3.2 정적 자원 제공
자동 이미지 최적화
외부 서비스를 통한 자동 이미지 최적화
3.3 메타데이터
공통 메타 태그 그룹
3.4 _app.js와 _document.js 페이지 커스터마이징
_app.js 페이지
_document.js 페이지
정리하기
PART 2 Next.js 실전 감각 익히기
CHAPTER 4 코드 구성과 데이터 불러오기
4.1 디렉터리 구조 구성
컴포넌트 구성
유틸리티 구성
정적 자원 구성
스타일 파일 구성
lib 파일 구성
4.2 데이터 불러오기
서버가 데이터 불러오기
서버에서 REST API 사용하기
클라이언트가 데이터 불러오기
클라이언트에서 REST API 사용하기
GraphQL API 사용하기
정리하기
CHAPTER 5 지역 및 전역 상태 관리
5.1 지역 상태 관리
5.2 전역 상태 관리
콘텍스트 API
Redux
정리하기
CHAPTER 6 CSS와 내장 스타일링 메서드
6.1 Styled JSX
6.2 CSS Module
6.3 SASS
정리하기
CHAPTER 7 UI 프레임워크
7.1 UI 라이브러리
7.2 Chakra UI
7.3 Tailwind CSS
7.4 Headless UI
정리하기
CHAPTER 8 커스텀 서버
8.1 커스텀 서버가 필요한 경우
8.2 Express.js 서버
8.3 Fastify 서버
정리하기
CHAPTER 9 테스트
9.1 테스트란?
9.2 Jest를 사용한 단위 테스트와 통합 테스트
9.3 Cypress를 사용한 엔드 투 엔드 테스트
정리하기
CHAPTER 10 SEO와 성능 관리
10.1 SEO와 성능
10.2 SEO와 성능 관점에서의 렌더링 전략
실제 웹 사이트를 통해 살펴본 렌더링 전략의 선택 이유
사진 세부 정보 페이지
프라이빗 라우트
선택한 렌더링 전략 정리
10.3 SEO 다루기
10.4 성능 다루기
정리하기
CHAPTER 11 배포 플랫폼
11.1 다양한 배포 플랫폼
11.2 Vercel에 배포하기
11.3 CDN에 정적 사이트 배포하기
11.4 적절한 CDN 고르기
11.5 아무 서버에나 Next.js 배포하기
11.6 도커 컨테이너에서 Next.js 애플리케이션 실행하기
정리하기
PART 3 Next.js로 상용 애플리케이션 만들기
CHAPTER 12 인증과 사용자 세션 관리
12.1 인증과 사용자 세션
12.2 JSON web token
12.3 커스텀 인증
12.4 Auth0
12.5 Auth0 커스터마이징
정리하기
CHAPTER 13 GraphCMS로 온라인 상거래 웹 사이트 만들기
13.1 온라인 상거래 웹 사이트 만들기
13.2 GraphCMS 설정하기
13.3 상점 홈 페이지, 장바구니 및 제품 상세 페이지 만들기
13.4 Stripe로 결제 구현하기
정리하기
CHAPTER 14 예제 프로젝트로 살펴보는 Next.js의 다음 단계
14.1 무궁무진한 가능성을 가진 프레임워크
14.2 Next.js 연습을 위한 프로젝트
스트리밍 웹 사이트
블로깅 플랫폼
실시간 채팅 웹 사이트
14.3 다음 단계
정리하기
추천사
-
Next.js는 최근 가장 주목받는 프레임워크입니다. Next.js를 사용하면 일반적으로 구현하기 어려운 서버 사이드 렌더링(SSR)과 다양한 웹 애플리케이션의 기능들을 아주 손쉽게 구현할 수 있습니다. 이 책은 Next.js의 핵심 개념을 자세히 설명할 뿐만 아니라 최신 UI 프레임워크와 테스트 코드 작성 방법까지 다룹니다. Next.js 입문자가 첫걸음을 내딛는 데 좋은 안내서입니다.
-
웹 사이트를 만들 때는 서비스의 성격에 적합한 렌더링 전략을 선택해야 합니다. 지금 운영 중인 서비스가 가진 문제점을 서버 사이드 렌더링(SSR)으로 해결하고자 한다면 이 책을 통해 많은 도움을 받을 수 있습니다. 리액트로 만들어진 프로젝트를 Next.js로 전환하거나 점진적으로 Next.js를 적용하려는 개발자와 개발 팀에게 이 책을 추천합니다.
-
Next.js에서는 SSR, CSR, ISR, SSG 개념을 정확히 이해하는 것이 필수입니다. 이 책은 예시를 통해 이러한 개념을 친절하게 설명할 뿐만 아니라 컨벤션, 테스트, SEO, 배포, 실무 코드 예제까지 서비스를 개발하고 운영하는 데 필요한 모든 범위를 다룹니다. 이 책으로 Next.js를 빠르게 익히고, 개발하고, 서비스를 출시해봅시다!
-
SPA로 만들어지는 서비스는 규모가 커짐에 따라 서비스 첫 접속 시 로딩 시간이 길어지고, 이 로딩 시간에 지루함을 느낀 사용자는 웹을 이탈하게 됩니다. 이 책은 이러한 SPA의 문제를 SSR이 어떻게 해결했는지, SSR로 무엇을 할 수 있는지 Next.js 이론부터 실전 프로젝트까지 모두 다루는 좋은 지침서입니다.
출판사 서평
Next.js 사용의 강점부터 최적으로 활용하는 방법까지! 한 권으로 끝내는 올인원 가이드
아직도 리액트만 사용하고 있나요? Next.js는 리액트와 함께 사용할 때 뿐만 아니라 단독으로 사용해도 뛰어난 성능을 보여줍니다. 또한 리액트에 없는 여러 기능을 지원하며 설정이나 개발 옵션 등에서도 유용한 방법을 제공합니다. 따라서 Next.js를 사용하면 ‘빠른’ 개발과 ‘빠른’ 로딩 속도라는 두 마리를 토끼를 모두 잡을 수 있습니다.
평소 리액트만으로 웹 개발을 해왔다면 이 책을 통해 Next.js의 다양한 기능을 익히고 바로 기존 리액트 프로젝트에 적용해볼 수 있습니다. 특히 많은 웹 개발자가 관심을 갖는 확장성에 초점을 맞추어 실용적인 기능을 소개하고 최신 개발 방식이 적용된 테스트 및 배포 방법을 설명합니다. Next.js를 사용해야 하는 이유부터 핵심 기능을 사용하는 방법까지 모두 다루기 때문에 이 책 한 권으로 상용 수준의 서비스를 구축하고 Next.js 개발자로 거듭날 수 있습니다.
대상 독자
● Next.js로 풀스택 애플리케이션을 개발하고 싶은 사람
● 기존 리액트 애플리케이션을 개선하고 싶은 사람
● 웹 개발 실력을 레벨업하고 싶은 사람
주요 내용
● Next.js의 기본 사항과 내장 컴포넌트 소개
● 적합한 렌더링 전략 선택법
● API 호출과 상태 관리
● 스타일링 메서드와 UI 프레임워크 사용법
● 테스트 전략 및 성능 관리 방법
● 다양한 배포 플랫폼에서 배포하는 방법
● 온라인 상거래 웹 사이트 구축 실습
● 스트리밍 웹 사이트, 블로깅 플랫폼, 실시간 채팅 웹 사이트 구축 가이드
관련 서적 (제목 + ISBN)
● 러닝 리액트(2판) / 9791162244494
● 자바스크립트는 모든 곳에 존재한다 / 9791162243800
● Vue.js 첫걸음 / 9791162240618
기본정보
| ISBN | 9791169210713 | ||
|---|---|---|---|
| 발행(출시)일자 | 2023년 01월 20일 | ||
| 쪽수 | 332쪽 | ||
| 크기 |
184 * 236
* 17
mm
/ 732 g
|
||
| 총권수 | 1권 | ||
| 원서명/저자명 | Real-World Next.js/Riva, Michele | ||
Klover
e교환권은 적립 일로부터 180일 동안 사용 가능합니다.
리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 리뷰 종류별로 구매한 아이디당 한 상품에 최초 1회 작성 건들에 대해서만 제공됩니다.
판매가 1,000원 미만 도서의 경우 리워드 지급 대상에서 제외됩니다.
일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
- 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
- 도서와 무관한 내용의 리뷰
- 인신공격이나 욕설, 비속어, 혐오발언이 개재된 리뷰
- 의성어나 의태어 등 내용의 의미가 없는 리뷰
리뷰는 1인이 중복으로 작성하실 수는 있지만, 평점계산은 가장 최근에 남긴 1건의 리뷰만 반영됩니다.
구매 후 리뷰 작성 시, e교환권 200원 적립
문장수집
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
구매 후 리뷰 작성 시, e교환권 100원 적립
