본문 바로가기

추천 검색어

실시간 인기 검색어

쉽게 시작하는 Next.js

초보자 눈높이에 맞춰 설명하는 Next.js 입문서!
쇼다 츠야노 저자(글) · 김성훈 번역
길벗 · 2024년 12월 12일
10.0
10점 중 10점
(21개의 리뷰)
도움돼요 (48%의 구매자)
  • 쉽게 시작하는 Next.js 대표 이미지
    쉽게 시작하는 Next.js 대표 이미지
  • 쉽게 시작하는 Next.js 부가 이미지1
    쉽게 시작하는 Next.js 부가 이미지1
  • 쉽게 시작하는 Next.js 부가 이미지2
    쉽게 시작하는 Next.js 부가 이미지2
  • A4
    사이즈 비교
    210x297
    쉽게 시작하는 Next.js 사이즈 비교 184x236
    단위 : mm
01 / 04
무료배송 소득공제
10% 28,800 32,000
적립/혜택
1,600P

기본적립

5% 적립 1,600P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 1,600P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서 포함 15,000원 이상 구매 시 무료배송
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
주문정보를 불러오는 중입니다.
기본배송지 기준
배송일자 기준 안내
로그인 : 회원정보에 등록된 기본배송지
로그아웃 : '서울시 종로구 종로1' 주소 기준
로그인정확한 배송 안내를 받아보세요!

이달의 꽃과 함께 책을 받아보세요!

1권 구매 시 결제 단계에서 적용 가능합니다.

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

북카드

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

쉽게 시작하는 Next.js 상세 이미지
초보자도 쉽게 따라 하며 배울 수 있도록
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 관련 서적 전문 번역가로, 주요 번역 도서에는 Java 1학년, JavaScript 1학년, C++로 배우는 딥러닝, C가 보이는 그림책, 프로그래밍이 보이는 그림책, 게임 프로그래밍의 정석, 웹을 지탱하는 기술, Objective- C 프로그래밍, 안드로이드 개발 레벨업 교과서, 실무에서 바로 통하는 자바, C 이보다 쉬울 순 없다, iOS 디버그 & 최적화 기법, UML 모델링의 본질, 프로가 가르쳐주는 시퀀스 제어, 만화로 쉽게 배우는 선형 대수 외 다수가 있다.

목차

  • 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 객체 이용하기

    찾아보기

책 속으로

Next.js는 프런트엔드부터 백엔드까지 모두 아우르는 프레임워크입니다. 프런트엔드 측에는 리액트가 표준으로 채택되어 리액트 개발자가 쉽게 전환할 수 있습니다. 또한 서버 측 처리도 API로 기능을 제공하거나 서버에서 동작하는 컴포넌트를 만드는 등 유연하게 개발할 수 있습니다. 또 개발사 Vercel에서는 Next.js 앱을 배포, 공개하는 클라우드 서비스도 운영하고 있어 개발부터 공개까지 일관되게 진행할 수 있습니다.
Next.js에서는 애플리케이션 전체를 제어하는 라우팅 방식이 기존 Pages 라우터 외에 새로운 App 라우터가 추가되어 각각 다르게 구현해야 합니다. 책에서는 이처럼 복잡해진 Next.js의 기능을 라우팅 방식에 따라 정리하여 입문자도 알기 쉽게 설명합니다. 또한 외부 사이트와 연동하는 예로 OpenAI의 생성 AI 모델 사용법에 대해 자세히 안내합니다.
리액트를 사용해 본격적으로 웹 애플리케이션 개발을 하고 싶다면, 꼭 Next.js에 주목해보기 바랍니다. ‘리액트를 중심으로 한 클라이언트-서버 통합 개발’이라는 새로운 세계가 여러분을 기다리고 있습니다.

_지은이의 말 중에서



웹 개발 생태계는 끊임없이 진화하고 있습니다. 특히 프런트엔드 영역은 변화의 속도가 매우 빠른데, 그중에서도 리액트는 가장 널리 사용되는 프런트엔드 라이브러리이며, Next.js는 리액트 기반의 프레임워크로 큰 주목을 받고 있습니다.
이 책을 번역하면서 가장 인상 깊었던 점은 리액트에서 Next.js로의 자연스러운 전환 과정을 독자 눈높이에서 설명한다는 것입니다. 많은 개발자가 리액트를 학습한 후 Next.js로 넘어가는 과정에서 어려움을 겪는데, 이 책은 그 간극을 효과적으로 메워주고 있습니다.
이 책의 특징은 기본기부터 실전까지 균형 잡힌 내용 구성에 있습니다. 기초 개념부터 시작해 리액트 컴포넌트, Next.js의 라우팅 시스템, 다양한 렌더링 기법을 다루며 간단한 데이터 처리와 API 개발까지 포함하고 있습니다. 여기에 최근 주목받고 있는 OpenAI API 통합 예제와 타입스크립트 기초까지 다루어 시의성 있는 내용을 담았습니다. 특히 API 부분은 제가 활용하는 여러 서비스에 적용해보면서 재미있게 번역할 수 있었습니다.
이 책이 리액트를 넘어 Next.js를 배우고자 하는 개발자들에게 실질적인 도움이 되길 바라며, 웹 개발 프로젝트에서 마주칠 수 있는 과제들을 해결하는 데 유용한 길잡이가 되길 희망합니다.

_옮긴이의 말 중에서

출판사 서평

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

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

기본정보

상품정보 테이블로 ISBN, 발행(출시)일자 , 쪽수, 크기, 총권수을(를) 나타낸 표입니다.
ISBN 9791140711987
발행(출시)일자 2024년 12월 12일
쪽수 404쪽
크기
184 * 236 * 20 mm / 885 g
총권수 1권

Klover

구매 후 리뷰 작성 시, e교환권 200원 적립

데이터를 불러오는 중입니다.

문장수집 (0)

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요.

교환/반품/품절 안내

상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

한강 스페셜 에디션
이벤트
  • 25년 2월 북드림
  • 2025 1학기 대학교재전
01 / 02
TOP