Next.js 개정2판

온개발팀 지음

온노트 2026년 02월 05일 출간

작품소개

책소개

"Next.js"에 오신 것을 환영합니다. 이 책은 최신 React 생태계에서 가장 강력한 프레임워크 중 하나인 Next.js를 사용하여 빠르고 확장 가능하며 프로덕션 환경에 적합한 웹 애플리케이션을 구축하는 방법에 대한 종합 가이드입니다. 개발자가 Next.js 사용법뿐만 아니라 하이브리드 렌더링 기능, 고급 라우팅, 성능 최적화 및 배포 기능을 최대한 활용하는 방법을 이해하도록 돕기 위해 설계되었습니다.

1장 "Next.js 소개"에서는 Next.js가 무엇이며 왜 현대 웹 개발에서 널리 사용되는지 설명하며 기초를 다집니다. 주요 기능과 장점을 살펴보고, 프로젝트 설정 방법, 기본 프로젝트 구조를 이해하고, Next.js가 페이지, 라우팅, 서버 측 렌더링(SSR) 및 정적 사이트 생성(SSG)과 어떻게 상호 작용하는지 알아봅니다.

2장 "페이지 및 라우팅"에서는 Next.js의 강력하고 유연한 라우팅 시스템에 초점을 맞춥니다. 이 장에서는 정적 및 동적 페이지, 중첩 및 캐치올 라우트, 내비게이션 기법, 라우트 그룹, 라우트 핸들러, 미들웨어, 그리고 사용자 지정 오류 및 404 페이지를 만드는 방법을 다룹니다.

3장 "데이터 가져오기"에서는 Next.js 애플리케이션에서 데이터를 효율적으로 로드하는 방법을 설명합니다. getStaticProps, getServerSideProps, getStaticPaths, ISR(증분 정적 재생성), 클라이언트 측 데이터 가져오기, 미들웨어 기반 가져오기, API 라우트를 사용한 백엔드 기능 구축에 대해 알아봅니다.

4장 "Next.js 스타일링"에서는 애플리케이션 스타일링에 대한 다양한 접근 방식을 살펴봅니다. CSS 모듈, 전역 스타일, Styled JSX, Sass, 인기 있는 CSS-in-JS 라이브러리, Tailwind CSS 통합, 컴포넌트 수준 스타일링 모범 사례 등을 다룹니다.

5장 "자산, 미디어 및 메타데이터"에서는 Next.js에서 정적 자산과 미디어를 관리하는 방법을 소개합니다. 이미지 및 기타 미디어 파일 작업 방법과 SEO 및 성능 향상을 위한 메타데이터 정의 및 최적화 방법을 배웁니다.

6장 "고급 라우팅 및 API 라우트"에서는 라우팅 패턴과 백엔드 기능에 대해 심층적으로 다룹니다. 이 장에서는 고급 동적 라우팅, API 경로 생성, 요청 및 응답 처리, 미들웨어 사용, 엣지 API 경로, 확장 가능한 서버 측 로직 구축을 위한 헬퍼 유틸리티 등을 다룹니다.

7장 "인증 및 권한 부여"에서는 Next.js 애플리케이션 보안에 중점을 둡니다. 일반적인 인증 전략, 경로 보호, 서버 측 및 클라이언트 측 인증, 세션 관리, 역할 기반 접근 제어, 타사 공급자 통합, API 경로 보안 등을 다룹니다.

8장 "상태 관리"에서는 애플리케이션 상태를 효과적으로 관리하는 방법을 설명합니다. 클라이언트, 서버 및 전역 상태 관리 방식을 살펴보고 애플리케이션의 여러 부분에서 상태를 동기화하는 방법을 배웁니다.

9장 "배포 및 최적화"에서는 프로덕션 배포를 위한 준비를 합니다. SSG, SSR 및 ISR을 사용한 애플리케이션 배포, Vercel 및 사용자 지정 서버 배포, 환경 변수, 빌드 및 이미지 최적화, 코드 분할, 성능 모니터링, 캐싱 전략, CDN 통합 등을 다룹니다.

10장 "테스트 및 디버깅"에서는 애플리케이션의 안정성과 유지 관리성을 강조합니다. 이 책에서는 Next.js 애플리케이션을 단위 테스트, 통합 테스트, 엔드투엔드 테스트 도구를 사용하여 테스트하는 방법, 효과적인 디버깅 방법, 소스 맵 활용법, 오류 경계 구현 방법, 로깅 및 모니터링 설정 방법을 배웁니다.

11장 "국제화(i18n)"에서는 다국어 애플리케이션 구축 방법을 설명합니다. 이 장에서는 로케일 기반 라우팅, 도메인 라우팅, 자동 로케일 감지, 정적 및 서버 렌더링 방식의 국제화 페이지, i18n 미들웨어, 그리고 널리 사용되는 국제화 라이브러리와의 통합을 다룹니다.

12장 "기타 고급 주제"에서는 대규모 애플리케이션을 위한 고급 개념들을 소개합니다. 성능 및 보안 모범 사례, 사용자 정의 서버, 모노레포 지원, 분석 통합, 미들웨어 전략, 대규모 프로젝트 관리, 그리고 플러그인 및 확장 기능을 통한 Next.js 확장 등을 다룹니다.

이 책을 마치면 Next.js의 핵심 개념과 라우팅부터 고급 데이터 가져오기, 최적화, 국제화 및 배포에 이르기까지 Next.js에 대한 깊이 있는 이해를 바탕으로 고성능, 확장성, 그리고 실제 운영 환경에 바로 적용 가능한 웹 애플리케이션을 자신 있게 구축할 수 있게 될 것입니다.

본 도서는 인공지능을 사용하여 검색된 콘텐츠를 바탕으로, 일반 서식, 질문과 답변, 문제 풀이 등 다양한 형식을 통해 핵심 개념을 체계적으로 설명합니다. 독자들이 개념을 보다 쉽게 이해할 수 있도록, 명료하고 간결한 구조를 유지하였으며, 각 소스 코드에 적합한 하이라이트 기능을 제공하여 가독성을 극대화하였습니다.

이 책은 종이책 형태가 아닌 EPUB 전자책으로 제작되어, 전통적인 페이지 레이아웃과는 다른, 웹 기반의 흐름을 취하고 있습니다. 따라서 종이책과 같은 구성에 익숙한 독자라면 다소 이질감을 느낄 수 있습니다.

본 주제에 처음 접하는 독자에게는 이 도서가 다소 방대한 내용과 깊이 있는 개념을 다루고 있어 주제를 이해하는 데 어려움을 느낄 수 있으므로, 관련 분야에 어느 정도 경험이 있는 독자들에게 이 책을 권장합니다. 기존 지식을 넓히고자 하는 이들에게는 심화된 이해와 지식의 확장을 도울 수 있을 것입니다.

목차

1장 : Next.js 소개
___1. Next.js란 무엇인가?
___2. Next.js의 주요 기능
___3. Next.js 사용의 장점
___4. Next.js 프로젝트 설정
___5. 기본 프로젝트 구조
___6. Next.js 작동 방식 (페이지, 라우팅, SSR, SSG)
2장 : 페이지 및 라우팅
___1. 페이지
___2. 동적 라우트
___3. 중첩 라우트
___4. 모든 경로 포착 라우트
___5. 페이지 간 연결
___6. 프로그래밍 방식 내비게이션
___7. 라우트 그룹
___8. 라우트 핸들러
___9. 미들웨어
___10. 커스텀 404 및 오류 페이지
3장 : 데이터 페칭
___1. getStaticProps
___2. getServerSideProps
___3. getStaticPaths
___4. 증분 정적 재생성 (ISR)
___5. 클라이언트 측 페칭
___6. 데이터 페칭용 미들웨어
___7. API 라우트
4장 : Next.js에서의 스타일링
___1. CSS 모듈
___2. 전역 스타일시트
___3. Styled JSX
___4. Sass 지원
___5. CSS-in-JS 라이브러리 (예: styled-components, emotion)
___6. Tailwind CSS 통합
___7. 컴포넌트 수준 스타일링
5장 : 자산, 미디어 및 메타데이터
___1. 자산
___2. 미디어
___3. 메타데이터
6장 : 고급 라우팅 및 API 라우트
___1. 동적 라우트
___2. 모든 경로 포착 라우트
___3. 선택적 모든 경로 포착 라우트
___4. API 라우트 소개
___5. API 라우트 생성
___6. 동적 API 라우트
___7. API 라우트용 미들웨어
___8. 요청 및 응답 처리
___9. API 라우트 도우미
___10. 에지 API 라우트
7장 : 인증 및 권한 부여
___1. 인증 전략 (예: JWT, OAuth, NextAuth.js)
___2. 라우트 및 페이지 보호
___3. 서버 측 인증
___4. 클라이언트 측 인증
___5. 세션 관리
___6. 역할 기반 접근 제어
___7. 서드파티 인증 제공자 통합
___8. 인증 상태 저장 (쿠키, localStorage)
___9. 안전한 API 라우트 보호
8장 : 상태 관리
___1. 클라이언트 상태
___2. 서버 상태
___3. 글로벌 상태
___4. 상태 동기화
9장 : 배포 및 최적화
___1. 정적 사이트 생성 (SSG)
___2. 서버 사이드 렌더링 (SSR) 배포
___3. 증분 정적 재생성 (ISR)
___4. Vercel 배포
___5. 커스텀 서버 배포
___6. 환경 변수
___7. 빌드 최적화
___8. 이미지 최적화
___9. 코드 분할
___10. 번들 크기 분석
___11. 성능 모니터링
___12. 캐싱 전략
___13. CDN 통합
10장 : 테스트 및 디버깅
___1. 테스트 프레임워크 (Jest, React Testing Library)
___2. 엔드 투 엔드 테스트 (Cypress, Playwright)
___3. 디버깅 기법과 도구
___4. 소스 맵 및 오류 추적
___5. Next.js의 오류 경계
___6. 로깅 및 모니터링
11장 : 국제화 (i18n)
___1. 라우팅 고려 사항
___2. 로케일 서브패스
___3. 도메인 라우팅
___4. 자동 로케일 감지
___5. 정적 생성 및 SSR의 i18n
___6. i18n 라우팅 구성 (next.config.js)
___7. 대체 로케일
___8. 동적 라우팅과 i18n
___9. i18n용 미들웨어
___10. 커스텀 서버 고려 사항
___11. i18n 라이브러리 통합 (예: next-i18next)
12장 : 기타 고급 주제
___1. 성능 최적화
___2. 보안 모범 사례
___3. 커스텀 서버 및 라우팅
___4. 국제화 (i18n)
___5. 모노레포 지원
___6. 배포 전략
___7. 미들웨어 작업
___8. 분석 및 모니터링 통합
___9. 대규모 프로젝트 관리
___10. Next.js 플러그인 및 확장

인물정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.