HOME > 상세정보

상세정보

React 16 tooling : 적재적소의 도구 활용을 통한 개발 작업 효율화 (1회 대출)

자료유형
단행본
개인저자
Boduch, Adam 이승준, 역
서명 / 저자사항
React 16 tooling : 적재적소의 도구 활용을 통한 개발 작업 효율화 / 아담 보두치 지음 ; 이승준 옮김
발행사항
서울 :   에이콘,   2019  
형태사항
377 p. : 삽화 ; 24 cm
원표제
React 16 tooling : master essential cutting-edge tools, such as create-react-app, Jest, and Flow
ISBN
9791161753201
일반주기
감수: 크리스토퍼 퍼트  
색인수록  
000 00000cam c2200205 c 4500
001 000045996376
005 20190904095722
007 ta
008 190830s2019 ulka 001c kor
020 ▼a 9791161753201 ▼g 93000
035 ▼a (KERIS)BIB000015306240
040 ▼a 222001 ▼c 222001 ▼d 211009
041 1 ▼a kor ▼h eng
082 0 4 ▼a 006.76 ▼2 23
085 ▼a 006.76 ▼2 DDCK
090 ▼a 006.76 ▼b 2019z1
100 1 ▼a Boduch, Adam
245 1 0 ▼a React 16 tooling : ▼b 적재적소의 도구 활용을 통한 개발 작업 효율화 / ▼d 아담 보두치 지음 ; ▼e 이승준 옮김
246 1 9 ▼a React 16 tooling : ▼b master essential cutting-edge tools, such as create-react-app, Jest, and Flow
260 ▼a 서울 : ▼b 에이콘, ▼c 2019
300 ▼a 377 p. : ▼b 삽화 ; ▼c 24 cm
500 ▼a 감수: 크리스토퍼 퍼트
500 ▼a 색인수록
546 ▼a 영어로 된 원저작을 한국어로 번역
700 1 ▼a 이승준, ▼e
900 1 0 ▼a 보두치, 아담, ▼e

소장정보

No. 소장처 청구기호 등록번호 도서상태 반납예정일 예약 서비스
No. 1 소장처 세종학술정보원/과학기술실/ 청구기호 006.76 2019z1 등록번호 151347150 도서상태 대출가능 반납예정일 예약 서비스 C

컨텐츠정보

책소개

React는 페이스북과 인스타그램의 UI를 위해 만들어진 자바스크립트 라이브러리이지만 이제는 웹 개발에 갖춰야 할 기술로 확대되고 있다. 특히, 저작권 문제를 해결한 버전 16부터는 React 16이라는 새 제품명으로 더욱 사용자층을 넓혀갈 것이다. 이 책은 모든 React 개발자가 알아야 할 가장 중요한 도구, 유틸리티, 라이브러리를 자세하게 다룬다. 모든 기술은 도구 활용에 따라 빛이 나므로 이 책을 통해 자신의 기술에 힘을 더할 수 있다.

★ 이 책에서 다루는 내용 ★

■ 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 애플리케이션을 컨테이너에 배치하는 방법을 설명한다.


정보제공 : Aladin

저자소개

아담 보두치(지은이)

거의 10년 동안 대규모 자바스크립트 개발 작업에 참여해왔다. 프론트엔드로 옮기기 전에는 파이썬과 리눅스를 사용하는 여러 가지 대규모 클라우드 컴퓨팅 제품을 연구했다. 복잡성을 잘 알고 있으면서 실제 소프트웨어 시스템과 이들이 제기하는 확장 문제에 대한 실질적인 경험을 갖고 있다. 『리액트 & 리액트 네이티브 통합 교과서』(에이콘, 2019)를 비롯한 여러 자바스크립트 서적을 저술했으며, 혁신적인 사용자 경험과 고성능을 추구하는 데 열정적이다.

이승준(옮긴이)

한아시스템에서 소프트웨어 엔지니어로 근무했으며 현재 프리랜서로 일하고 있다. 삼각형프레스에서 출간한 『Boogazine JFC PROGRAMMING』(1998), 『Boogazine Visual J++ 6.0』(1998), 『Java Workshop 2.0 21일 완성』(1997)을 집필했고, 편저한 책으로 『JAVA 서블릿 & JSP 프로그래밍 한꺼번에 끝내기』(2002), 『XML 기본+활용 마스터하기』(2002)가 있다. 또한 에이콘출판사에서 출간한 『(개정판) C & C++ 시큐어 코딩』(2015), 『닷넷 개발자를 위한 AngularJS』(2016), 『파이썬 분산 컴퓨팅』(2016), 『Angular 2 컴포넌트 마스터』(2016), 『유니티 게임 개발을 위한 절차적 콘텐트 생성』(2017), 『React 16 핵심 정리 2/e』(2018), 『자연어 처리의 이론과 실제』(2018)를 번역했다.

정보제공 : Aladin

목차

목차
지은이 소개 = 5
기술 감수자 소개 = 6
옮긴이 소개 = 7
옮긴이의 말 = 8
들어가며 = 16
1장 맞춤형 React 개발 생태계 만들기 = 23
 React에 포함되는 것 = 24
  렌더 트리를 비교하는 컴포넌트 = 24
  DOM 렌더 타깃 = 25
 도구 활용 소개? = 26
  React 외부의 보조 작업 = 27
  건설 현장과의 유사점 = 27
 이 책에서 다루는 React 도구 = 28
  JSX는 자바스크립트로 컴파일돼야 한다 = 28
  최신 자바스크립트 언어 기능은 트랜스파일돼야 한다 = 29
  애플리케이션 개발을 가능하게 하는 핫 모듈 로딩 = 30
  단위 테스트 자동 실행 = 31
  타입 안전성에 관한 고려 = 31
  코드 품질을 위한 소스 코드 분석 = 32
  컴포넌트 개발 환경 격리 = 32
  브라우저 기반의 디버깅 환경 제공 = 33
  React 애플리케이션 배포 = 33
 올바른 도구 선택 = 34
  필수 도구 = 35
  옵션 도구 = 35
 요약 = 35
2장 Create React App으로 React 애플리케이션을 효율적으로 부트스트랩하기 = 37
 Create React App 설치 = 38
  첫 번째 앱 제작 = 38
   프로젝트 이름 지정 = 39
   자동 종속성 처리 = 40
   디렉터리 구조 = 43
 요약 = 45
3장 개발 모드와 핫 리로딩 마스터하기 = 47
 개발 서버 시작 = 48
  웹팩 구성 = 49
   진입점 = 50
   빌드 출력 = 50
   입력 파일 해결 = 51
   파일 로드와 컴파일 = 52
   플러그인 설정 = 52
   핫 리로딩 = 53
  핫 컴포넌트 리로딩 가동 = 53
  Create React App에서 벗어나기 = 59
 요약 = 65
4장 테스트 지향 React 개발 최적화 = 67
 Jest의 지향 철학 = 68
  애플리케이션 코드를 제외한 모든 것 흉내내기 = 68
  테스트를 격리해서 병렬로 실행 = 70
   테스트는 자연스럽게 느껴져야 한다 = 71
 테스트 실행 = 72
  react-scripts를 사용해 테스트 실행하기 = 72
  단독형 Jest를 사용해 테스트 실행하기 = 79
 Jest 테스트 작성 = 81
  스위트를 사용해 테스트 조직하기 = 81
  기본 어서션 = 84
   기본 일치 = 84
   근사 일치 = 85
   값 일치 = 86
   컬렉션의 값 = 87
   모킹으로 작업하기 = 88
   비동기 어서션 = 94
   React 컴포넌트 스냅샷 = 96
  단위 테스트 커버리지 = 99
 요약 = 100
5장 타입 안전한 React 컴포넌트로 개발 간소화와 리팩토링하기 = 103
 타입 안전성으로 무엇을 해결할 수 있는가? = 104
  어림짐작을 분명하게 하기 = 104
  런타임 점검 제거 = 105
  명백히 심각성이 낮은 버그 = 105
 Flow 설치 및 초기화 = 106
 컴포넌트 프로퍼티 및 상태 검증 = 112
  프리미티브 프로퍼티 값 = 112
  객체 프로퍼티 값 = 117
  컴포넌트 상태의 유효화 = 120
  함수 프로퍼티 값 = 122
  자식 컴포턴트 타입의 적용 = 126
   특정 자식 타입을 가진 부모 = 126
   하나의 자식을 가진 부모 = 128
   자식이 옵션인 부모 = 129
   프리미티브 자식 값을 가진 부모 = 130
 이벤트 처리기 함수에 관한 유효성 검사 = 131
 개발 서버에서 Flow 가능하게 하기 = 133
 편집기에서 Flow 가능하게 하기 = 135
 요약 = 137
6장 유지 보수성을 향상시키기 위한 코드 품질 강화 = 139
 ESLint 설치 및 설정 = 140
 에어비앤비 표준으로 빌드하기 = 147
 ESLint에 React 플러그인 추가하기 = 151
 create-react-app과 함께 ESLint 사용하기 = 159
 코드 편집기에서 ESLint 사용하기 = 162
 Prettier로 코드 포맷 자동화하기 = 165
 요약 = 168
7장 Storybook을 사용해 컴포넌트 격리하기 = 169
 격리된 컴포넌트 개발에 관한 필요 = 170
 Storybook설치 및 구성 = 171
 스토리를 사용해 컴포넌트 개발하기 = 176
  props로 실험하기 = 177
  액션으로 실험하기 = 192
  스토리에 링크 걸기 = 199
  문서화 도구로서의 스토리 = 204
 정적 Storybook 앱 제작 = 213
 요약 = 214
8장 브라우저에서의 컴포넌트 디버깅 = 215
 React Developer Tools 애드온 설치하기 = 216
 React Developer Tools에서 React 요소로 작업하기 = 217
  React 요소 선택 = 221
  React 요소 검색 = 225
 컴포넌트 프로퍼티 및 상태 검사 = 226
 요소 상태 값 조작 = 233
 컴포넌트 성능 프로파일링 = 236
  조정 작업 삭제하기 = 236
  CPU에 부하를 주는 컴포넌트 찾기 = 249
 요약 = 254
9장 Redux로 애플리케이션 상태 조율하기 = 257
 Redux 앱 빌드하기 = 258
  App 컴포넌트 및 상태 = 289
  Home 컴포넌트 및 상태 = 262
  NewBook 컴포넌트 및 상태 = 266
  API 추상화 = 271
  모두 조립하기 = 273
 Redux DevTools 설치하기 = 275
 액션 선택 및 검사 = 278
  액션 데이터 = 279
  액션 상태 트리 및 차트 = 281
  액션 상태 차이 = 284
 시간 이동 디버깅 = 286
 수동으로 액션 발생시키기 = 289
 상태 내보내기와 가져오기 = 291
 요약 = 294
10장 Gatsby로 정적 React 사이트 구축 및 전개하기 = 297
 왜 정적 React 사이트인가? = 298
  React 앱의 타입 = 298
  사용자 경험 개선 = 299
  효율적인 자원 사용 = 299
 처음으로 Gatsby 사이트 만들기 = 300
 로컬 파일시스템 데이터 추가하기 = 308
 원격 데이터 가져오기 = 320
 요약 = 329
11장 Docker 컨테이너로 React 애플리케이션 빌드 및 배포하기 = 331
 메시징 앱 제작 = 332
  Barely SMS 시작하기 = 332
  로그인 = 333
  홈페이지 = 336
  연락처 페이지 = 341
  메시지 페이지 = 344
  메시지 보내기 = 348
  API = 355
  Node 컨테이너로 시작하기 = 360
 React 앱을 서비스로 구성하기 = 364
 생산을 위한 정적 React 빌드 = 367
 요약 = 369
찾아보기 = 371

관련분야 신착자료

Cartwright, Hugh M. (2021)
한국소프트웨어기술인협회. 빅데이터전략연구소 (2021)