장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
클론 코딩으로 시작하는 Next.js
미리보기

클론 코딩으로 시작하는 Next.js

  • 이창주
  • |
  • 비제이퍼블릭
  • |
  • 2021-01-29 출간
  • |
  • 672페이지
  • |
  • 173 X 230 mm
  • |
  • ISBN 9791165920371
판매가

33,000원

즉시할인가

29,700 원

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
29,700원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평




넥스트(Next.js)는 리액트(React.js) 기반의 웹 프레임워크입니다. 대부분의 사람들은 넥스트를 그저 리액트를 사용할 때 서버 사이드 렌더링(Server Side Rendering)을 하기 위한 도구라고 생각하고 있습니다. 하지만 그렇지 않습니다. 넥스트는 서버 사이드 렌더링 지원하는 것 이외에도 강력한 기능을 지원하고 있으며, 개발자에게 편리함을 주는 프레임워크입니다. 이를 증명하듯이, 넥스트를
찾는 사람들은 점차 많아졌고, 넥스트의 생태계는 거대해지고 있습니다. npm 다운로드 횟수는 주간 100만 회를 넘어섰으며 넥스트를 사용하는 회사와 글을 쉽게 찾아볼 수 있게 되었습니다.

이 책을 보면서 세 개의 프로젝트를 진행합니다. 깃허브 레파지토리, 투두리스트, 숙박 공유 플랫폼을 만듭니다. 실무 기술을 익히고자 한다면 이 책을 보면서 직접 해보시기 바랍니다. 프로그래밍 실력을 빨리 늘리는 가장 쉬운 방법은 직접 만들어보는 것입니다. 어떤 언어를 배울지 고민하는 시간보다 어떤 뭔가를 만들기 시작하는 것에 집중한다면 실력은 저절로 늘어날 것입니다. 즐겁게 학습하고 싶은 분들께 추천하고 싶습니다.


목차


Chapter 1 넥스트(Next.js)
1.1 넥스트(Next.js)?
1.2 넥스트의 특징
1.3 넥스트 설치하기
1.4 Eslint 및 Prettier 설치하기

Chapter 2 넥스트의 기본 기능
2.1 넥스트에서 라우팅 하기
2.2 정적 파일 사용하기
2.3 서버로부터 데이터 불러오기
2.4 styled-jsx로 스타일링 하기
2.5 공통 페이지 만들기(_app)
2.6 공통 문서(Document) 만들기
2.7 에러 페이지 만들기(_error)

Chapter 3 타입스크립트
3.1 타입스크립트란?
3.2 타입스크립트 환경 설정하기
3.3 타입스크립트와 넥스트페이지 만들기

Chapter 4 스타일드 컴포넌트
4.1 스타일드 컴포넌트 설치하기
4.2 폰트 적용하기

Chapter 5 투두리스트 만들기
5.1 투두리스트 헤더 만들기
5.2 투두리스트 스타일링하기
5.3 아이콘 다운로드 받기
5.4 svg 컴포넌트 사용하기

Chapter 6 넥스트 api
6.1 넥스트 api 사용해보기
6.2 투두리스트 불러오기 api 만들기
6.3 axios 설정하기
6.4 환경변수(env) 설정하기
6.5 투두 체크하기
6.6 투두 추가하기
6.7 투두 삭제하기
6.8 푸터 만들기

Chapter 7 리덕스(Redux)
7.1 리덕스란?
7.2 리덕스에 필요한 개념
7.3 리덕스 사용하기
7.4 리덕스 툴킷(Redux Toolkit)
7.5 useSelector 사용하기
7.6 useDispatch

Chapter 8 넥스트 비앤비 프로젝트 설정하기
8.1 프로젝트 생성하기

Chapter 9 공통 헤더 만들기
9.1 공통 헤더 스타일링 하기
9.2 모달 컴포넌트 만들기

Chapter 10 회원가입과 로그인
10.1 회원가입 인풋
10.2 회원가입 셀렉터
10.3 회원가입 버튼
10.4 회원가입 api
10.5 유저 정보 저장하기
10.6 회원가입 밸리데이션
10.7 useValidateMode 훅스 만들기
10.8 회원가입 비밀번호 밸리데이션
10.9 회원가입 셀렉터 밸리데이션
10.10 유저 로그인 뷰 만들기
10.11 로그인 모달 만들기
10.12 로그인 api 만들기
10.13 로그인 밸리데이션
10.14 로그인 유지하기
10.15 유저 메뉴 만들기
101.16 로그아웃 하기
10.17 컴포넌트 최적화
10.18 헤더 컴포넌트 최적화

Chapter 11 숙소 등록하기
11.1 숙소 등록하기 리덕스 설정
11.2 공통 셀렉트 컴포넌트에 숙소 등록하기 UI 추가하기
11.3 건물 유형 셀렉터
11.4 라디오 공통 컴포넌트
11.5 숙소 유형 라디오 컴포넌트
11.6 숙소 등록하기 공통 푸터
11.7 숙소 등록하기 밸리데이션

Chapter 12 숙소 등록하기 2단계(침대)
12.1 숙소 등록하기 2단계 리덕스 설정하기
12.2 카운터 공통 컴포넌트 만들기
12.3 공통 컴포넌트를 재사용하기(침실 개수, 침대 개수)
12.4 침대 유형 변경하기
12.5 공용공간 침대 유형 변경하기
12.6 숙소 등록하기 2단계 밸리데이션

Chapter 13 숙소 등록하기 3단계(욕실)
13.1 숙소 등록하기 욕실 리덕스 설정
13.2 공통 컴포넌트 재사용(욕실 개수, 욕실 공용 여부)

Chapter 14 숙소 등록하기 4단계(위치)
14.1 숙소 등록하기 4단계 리덕스 설정
14.2 숙소 등록하기 4단계 스타일링
14.3 구글 api 사용 설정하기
14.4 현재 위치 불러오기
14.5 구글 api로 주소 불러오기
14.6 구글 지도로 숙소 위치 조정하기

Chapter 15 숙소 등록하기 5단계(편의 시설)
15.1 숙소 등록하기 5단계 리덕스 설정
15.2 체크박스 공통 컴포넌트 만들기
15.3 숙소 편의 시설에 체크박스 공통 컴포넌트 적용하기

Chapter 16 숙소 등록하기 6단계(편의 공간)

Chapter 17 숙소 등록하기 7단계(숙소 사진)
17.1 숙소 사진 리덕스 설정
17.2 파일 업로드 하기
17.3 AWS S3 사용 설정하기
17.4 숙소 사진 업데이트 하기

Chapter 18 숙소 등록하기 8단계(숙소 설명)
18.1 숙소 등록하기 8단계 리덕스 설정
18.2 숙소 등록하기 상단 스타일링
18.3 공통 텍스트아레아 컴포넌트

Chapter 19 숙소 등록하기 9단계(제목)

Chapter 20 숙소 등록하기 10단계(가격)
20.1 숙소 요금 리덕스 설정
20.2 숙소 등록하기 10단계 스타일링
20.3 금액 표기 함수 만들기

Chapter 21 숙소 등록하기 11단계(날짜)
21.1 숙소 예약 날짜 리덕스 설정
21.2 숙소 예약 날짜 DatePicker 만들기
21.3 react-datepicker 사용하기
21.4 공통 DatePicker 컴포넌트 만들기
21.5 공통 DatePicker 적용하기
21.6 DatePicker 기간 설정하기

Chapter 22 숙소 등록하기 체크리스트
22.1 숙소 체크리스트 상태 표시하기
22.2 숙소 등록하기 푸터 만들기
22.3 숙소 등록하기 api 만들기

Chapter 23 메인 페이지 만들기
23.1 메인 페이지 레이아웃 스타일링하기
23.2 숙소 검색 바 만들기
23.3 숙소 위치 검색하기
23.4 숙소 검색 예약 날짜 인풋
23.5 숙소 검색 인원 인풋

Chapter 24 숙소 리스트 페이지
24.1 숙소 리스트 불러오기 api
24.2 숙소 리덕스 설정하기
24.3 숙소 리스트 스타일링
24.4 숙소 리스트 api 필터링
24.5 숙소 리스트 지도 표시하기

Chapter 25 수소 상세 페이지
25.1 숙소 불러오기 api
25.2 숙소 상세 리덕스 설정
25.3 숙소 상세 스타일링
25.4 숙소 예약하기
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 : 070-4821-5101
교환/반품주소
  • 부산광역시 부산진구 중앙대로 856 303호 / (주)스터디채널 / 전화 : 070-4821-5101
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.