홈앤서비스 SK BROADBAND

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

저자 : 아담 보두치
대규모 자바스크립트 개발 분야에서 10년 가까이 일했다. 프론트엔드로 옮겨가기 전에 파이썬과 리눅스를 사용해 몇 가지 대규모 클라우드 컴퓨팅 제품을 개발했다. 복잡성에 익숙하며 실제 소프트웨어 시스템과 그 시스템이 취한 규모 확장 문제에 관해 현장 경험이 있다.팩트 출판사의 『React and React Native』(2017)를 비롯한 여러 자바스크립트 도서를 저술했으며 혁신적인 사용자 경험과 고성능에 매우 관심이 많다.
역자 : 이승준
한아시스템에서 소프트웨어 엔지니어로 근무했으며 현재 프리랜서로 일하고 있다. 삼각형프레스에서 출간한 『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)를 번역했다.