장바구니 담기 close

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

React 16 Tooling

React 16 Tooling

  • 아담보두치
  • |
  • 에이콘출판
  • |
  • 2019-06-27 출간
  • |
  • 380페이지
  • |
  • 188 X 235 X 22 mm
  • |
  • ISBN 9791161753201
판매가

30,000원

즉시할인가

27,000

카드할인

0원(즉시할인 0%)

적립금

1,500원 적립(5%적립)

배송비

무료배송

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

추가혜택

네이버페이 무조건 1%적립+ 추가 1%적립

수량
+ -
총주문금액
27,000

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

출판사서평




★ 이 책에서 다루는 내용 ★

■ create-react-app을 사용한 React 애플리케이션 부트스트랩
■ Storybook을 사용해 React 컴포넌트 개발을 격리하기
■ Jest를 사용해 React 컴포넌트에 대한 효과적인 단위 테스트를 작성하기
■ ESLint를 사용해 컴포넌트 코드가 표준에 맞는지 확인하기
■ 브라우저 확장 프로그램 및 내장된 컴포넌트 장치를 사용한 React 애플리케이션 디버깅
■ Flow 타입으로 React 컴포넌트의 타입 안전성 활성화
■ 규모가 큰 애플리케이션 스택의 일부분으로서 React 애플리케이션을 Docker 컨테이너에 배포하기

★ 이 책의 대상 독자 ★

자신의 업무를 향상시킬 더 나은 도구와 기술을 항상 염두에 두고 있는 React 개발자를 대상으로 하는 책이다. 이 책을 읽는 데 React를 다룬 경험이 없어도 되지만, React의 기본 사항들을 미리 알고 있으면 큰 도움이 될 것이다.

★ 이 책의 구성 ★

1장, ‘맞춤형 React 개발 생태계 만들기’에서는 React 프로젝트에서 도구 제작을 위한 동기 부여를 소개한다.
2장, ‘Create React App으로 React 애플리케이션을 효율적으로 부트스트랩하기’에서는 create-react-app을 실행해본다.
3장, ‘개발 모드 및 핫 리로딩 마스터하기’에서는 개발 서버 및 핫 모듈 리로딩을 사용해 React 애플리케이션을 개발하는 방법을 설명한다.
4장, ‘테스트 지향의 React 개발 최적화’에서는 Jest 단위 테스트를 프로젝트에 통합하는 방법을 설명한다.
5장, ‘타입 안전한 React 컴포넌트로 개발 간소화와 리팩토링하기’에서는 Flow를 사용해 React 컴포넌트의 타입 안전성(type-safety)을 소개한다.
6장, ‘유지 보수성을 향상시키기 위한 코드 품질 강화’에서는 ESLint와 Prettier(코드 품질 향상을 위한 도구)를 다룬다.
7장, ‘Storybook을 사용해 컴포넌트 격리하기’에서는 Storybook을 사용해 애플리케이션에서 컴포넌트 개발을 분리해야 한다는 것을 보여준다.
8장, ‘브라우저에서의 컴포넌트 디버깅’에서는 React 컴포넌트 디버깅을 지원하는 React Development Tools 브라우저 플러그인에 관해 자세히 설명한다.
9장, ‘Redux로 애플리케이션 상태 조율하기’에서는 Redux DevTools 브라우저 플러그인을 도입해 애플리케이션 상태를 명확하게 알아본다.
10장, ‘Gatsby로 정적 React 사이트 구축 및 전개하기’에서는 Gatsby와 React 컴포넌트를 사용해 정적 웹사이트를 만드는 방법을 설명한다.
11장, ‘Docker 컨테이너로 React 애플리케이션 빌드 및 배포하기’에서는 출시 준비된 React 애플리케이션을 컨테이너에 배치하는 방법을 설명한다.


목차


1장 맞춤형 React 개발 생태계 만들기
__React에 포함되는 것
____렌더 트리를 비교하는 컴포넌트
____DOM 렌더 타깃
__도구 활용 소개?
____React 외부의 보조 작업
____건설 현장과의 유사점
__이 책에서 다루는 React 도구
____JSX는 자바스크립트로 컴파일돼야 한다
____최신 자바스크립트 언어 기능은 트랜스파일돼야 한다
____애플리케이션 개발을 가능하게 하는 핫 모듈 로딩
____단위 테스트 자동 실행
____타입 안전성에 관한 고려
____코드 품질을 위한 소스 코드 분석
____컴포넌트 개발 환경 격리
____브라우저 기반의 디버깅 환경 제공
____React 애플리케이션 배포
__올바른 도구 선택
____필수 도구
____옵션 도구
__요약


2장 Create React App으로 React 애플리케이션을 효율적으로 부트스트랩하기
__Create React App 설치
____첫 번째 앱 제작
______프로젝트 이름 지정
______자동 종속성 처리
______디렉터리 구조
__요약


3장 개발 모드와 핫 리로딩 마스터하기
__개발 서버 시작
____웹팩 구성
______진입점
______빌드 출력
______입력 파일 해결
______파일 로드와 컴파일
______플러그인 설정
______핫 리로딩
____핫 컴포넌트 리로딩 가동
____Create React App에서 벗어나기
__요약


4장 테스트 지향 React 개발 최적화
__Jest의 지향 철학
____애플리케이션 코드를 제외한 모든 것 흉내내기
____테스트를 격리해서 병렬로 실행
______테스트는 자연스럽게 느껴져야 한다
__테스트 실행
____react-scripts를 사용해 테스트 실행하기
____단독형 Jest를 사용해 테스트 실행하기
__Jest 테스트 작성
____스위트를 사용해 테스트 조직하기
____기본 어서션
______기본 일치
______근사 일치
______값 일치
______컬렉션의 값
______모킹으로 작업하기
______비동기 어서션
______React 컴포넌트 스냅샷
____단위 테스트 커버리지
__요약


5장 타입 안전한 React 컴포넌트로 개발 간소화와 리팩토링하기
__타입 안전성으로 무엇을 해결할 수 있는가?
____어림짐작을 분명하게 하기
____런타임 점검 제거
____명백히 심각성이 낮은 버그
__Flow 설치 및 초기화
__컴포넌트 프로퍼티 및 상태 검증
____프리미티브 프로퍼티 값
____객체 프로퍼티 값
____컴포넌트 상태의 유효화
____함수 프로퍼티 값
____자식 컴포턴트 타입의 적용
______특정 자식 타입을 가진 부모
______하나의 자식을 가진 부모
______자식이 옵션인 부모
______프리미티브 자식 값을 가진 부모
__이벤트 처리기 함수에 관한 유효성 검사
__개발 서버에서 Flow 가능하게 하기
__편집기에서 Flow 가능하게 하기
__요약


6장 유지 보수성을 향상시키기 위한 코드 품질 강화
__ESLint 설치 및 설정
__에어비앤비 표준으로 빌드하기
__ESLint에 React 플러그인 추가하기
__create-react-app과 함께 ESLint 사용하기
__코드 편집기에서 ESLint 사용하기
__Prettier로 코드 포맷 자동화하기
__요약


7장 Storybook을 사용해 컴포넌트 격리하기
__격리된 컴포넌트 개발에 관한 필요
__Storybook설치 및 구성
__스토리를 사용해 컴포넌트 개발하기
____props로 실험하기
____액션으로 실험하기
____스토리에 링크 걸기
____문서화 도구로서의 스토리
__정적 Storybook 앱 제작
__요약


8장 브라우저에서의 컴포넌트 디버깅
__React Developer Tools 애드온 설치하기
__React Developer Tools에서 React 요소로 작업하기
____React 요소 선택
____React 요소 검색
__컴포넌트 프로퍼티 및 상태 검사
__요소 상태 값 조작
__컴포넌트 성능 프로파일링
____조정 작업 삭제하기
____CPU에 부하를 주는 컴포넌트 찾기
__요약


9장 Redux로 애플리케이션 상태 조율하기
__Redux 앱 빌드하기
____App 컴포넌트 및 상태
____Home 컴포넌트 및 상태
____NewBook 컴포넌트 및 상태
____API 추상화
____모두 조립하기
__Redux DevTools 설치하기
__액션 선택 및 검사
____액션 데이터
____액션 상태 트리 및 차트
____액션 상태 차이
__시간 이동 디버깅
__수동으로 액션 발생시키기
__상태 내보내기와 가져오기
__요약


10장 Gatsby로 정적 React 사이트 구축 및 전개하기
__왜 정적 React 사이트인가?
____React 앱의 타입
____사용자 경험 개선
____효율적인 자원 사용
__처음으로 Gatsby 사이트 만들기
__로컬 파일시스템 데이터 추가하기
__원격 데이터 가져오기
__요약


11장 Docker 컨테이너로 React 애플리케이션 빌드 및 배포하기
__메시징 앱 제작
____Barely SMS 시작하기
____로그인
____홈페이지
____연락처 페이지
____메시지 페이지
____메시지 보내기
____API
__Node 컨테이너로 시작하기
__React 앱을 서비스로 구성하기
__생산을 위한 정적 React 빌드
__요약

교환 및 환불안내

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