장바구니 담기 close

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

장바구니로 계속쇼핑하기
Reactjs 핵심정리
미리보기

Reactjs 핵심정리 자바스크립트로 만들어가는 사용자 인터페이스

  • 아르테미 페도세예프 지음 | 테크 트랜스 그룹 T4 옮김
  • |
  • 에이콘출판
  • |
  • 2016-05-20 출간
  • |
  • 240페이지
  • |
  • 188 X 235 mm
  • |
  • ISBN 9788960778603
★★★★★ 평점(10/10) | 리뷰(1)
판매가

20,000원

즉시할인가

18,000 원

배송비

무료배송

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

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
18,000원

이 상품은 품절된 상품입니다

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

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

목차

1 필요한 도구 설치
__프로젝트 시작
__Node.js와 npm 설치
__깃 설치
__트위터 스트리밍 API를 이용해 데이터 획득
__Snapkite 엔진을 이용해 데이터 필터링
__프로젝트 구조 생성
__package.json 생성
__Node.js 모듈 재사용
__Gulp.js로 빌드
__웹 페이지 생성
__요약

2 첫 React 엘리먼트 생성
__가상 DOM의 이해
__React 설치
__자바스크립트를 이용해 React 엘리먼트 생성
____type 매개변수
____props 매개변수
____children 매개변수
__React 엘리먼트 렌더링
__JSX를 이용해 React 엘리먼트 생성
__요약

3 첫 React 컴포넌트 생성
__상태 없음 vs. 상태 기반
__상태를 갖지 않는 첫 React 컴포넌트 생성
__첫 상태 기반 React 컴포넌트 생성
__요약

4 React 컴포넌트에 반응성 추가
__React를 사용한 문제 해결
__React 애플리케이션 계획
__컨테이너 React 컴포넌트 생성
__요약

5 다른 라이브러리와 함께 React 컴포넌트 사용
__React 컴포넌트에서 다른 라이브러리 사용
__React 컴포넌트의 생명주기 메소드
____마운트 메소드
________getInitialState 메소드
________componentWillMount 메소드
________componentDidMount 메소드
____마운트 해제 메소드
________componentWillUnmount 메소드
__요약

6 React 컴포넌트 업데이트
__컴포넌트 생명주기의 업데이트 메소드
____componentWillReceiveProps 메소드
____shouldComponentUpdate 메소드
____componentWillUpdate 메소드
____componentDidUpdate 메소드
__React 컴포넌트 프로퍼티 기본 설정
__React 컴포넌트 프로퍼티 검사
__Collection 컴포넌트 생성
__요약

7 복잡한 React 컴포넌트 생성
__TweetList 컴포넌트 생성
__CollectionControl 컴포넌트 생성
__CollectionRenameForm 컴포넌트 생성
__Button 컴포넌트 생성
__CollectionExportForm 컴포넌트 생성
__요약

8 Jest를 사용해 React 애플리케이션 테스트
__유닛 테스트를 해야 하는 이유
__테스트 스위트, 스펙, 예상 결과 생성
__Jest 설치와 사용
__여러 개의 스펙과 예상 값 생성
__React 컴포넌트 테스트
__요약

9 Flux를 사용해 React 아키텍처 향상시키기
__웹 애플리케이션의 구조 분석
__Flux의 이해
__디스패처 생성
__액션 생성자 생성
__스토어 생성
__요약

10 Flux를 사용한 React 애플리케이션의 유지보수 준비
__Flux를 사용해 걱정거리 줄이기
__스트림 컴포넌트 리팩토링
__CollectionStore 생성
__CollectionActionCreator 생성
__애플리케이션 컴포넌트 리팩토링
__컬렉션 컴포넌트 리팩토링
__CollectionControls 컴포넌트 리팩토링
__CollectionRenameForm 컴포넌트 리팩토링
__TweetList 컴포넌트 리팩토링
__StreamTweet 컴포넌트 리팩토링
__빌드와 활용

도서소개

★ 이 책에서 다루는 내용 ★

■ 좀 더 효율적인 개발을 위한 강력한 React 도구 설치
■ 프로퍼티와 자식이 있는 React 엘리먼트 생성
■ 상태가 없는 React 컴포넌트와 상태 기반의 React 컴포넌트 소개
■ React 개발 과정을 빠르게 하기 위한 JSX 사용
■ React 컴포넌트에 생명주기 메소드를 이용해서 반응성 추가
■ React 컴포넌트를 다른 자바스크립트 라이브러리와 통합
■ Flux 애플리케이션 아키텍처를 React 컴포넌트와 함께 활용
■ Jest 테스트 프레임워크를 이용해서 React 컴포넌트 테스트

★ 이 책의 대상 독자 ★

이 책은 확장 가능하고 유지보수 가능한 웹 사용자 인터페이스를 개발하고자 하는 프론트엔드 개발자들을 위해 만들어졌다. 자바스크립트, HTML, CSS의 핵심 지식 일부만 알아도 React.js가 웹 개발 세계에 가져온 혁신적인 아이디어의 이점을 활용하는 데에 충분하다. 제이쿼리나 Angular.js를 다뤄 본 경험이 있다면, React.js가 어떻게 다른지 그리고 여러 가지 라이브러리들과 통합시켜서 어떻게 이용할지 이해하는 데 큰 도움이 될 것이다.

★ 이 책의 구성 ★

1장, ‘필요한 도구 설치’에서는 이 책의 목표를 간결하게 서술하고, React 애플리케이션을 효율적으로 개발하는 데 필요한 최신 도구들을 설명한다. 각 도구들을 소개하고 설치하는 방법들에 대해 단계별로 알아본다. 그런 다음, 이 책을 통해 개발하게 될 프로젝트의 구조를 생성한다.

2장, ‘첫 React 엘리먼트 생성’에서는 React를 설치하는 방법을 설명하고 가상 DOM을 소개한다. 그런 다음, React 엘리먼트 정의와 네이티브 자바스크립트 문법을 이용해서 생성하고 렌더링하는 방법을 설명한다. 마지막으로 JSX 문법을 소개하고 JSX를 이용해서 React 엘리먼트를 만드는 방법을 살펴본다.

3장, ‘첫 React 컴포넌트 생성’에서는 React 컴포넌트를 소개한다. 상태가 없는(stateless) React 컴포넌트와 상태 기반(stateful)의 React 컴포넌트 간의 차이점, 그리고 어느 컴포넌트를 사용할지 결정하는 방법을 설명한다. 그런 다음, 두 종류를 생성하는 과정을 살펴본다.

4장, ‘React 컴포넌트에 반응성 추가’에서는 React로 문제를 해결하는 방법을 설명하고 React 애플리케이션을 계획하는 과정을 단계별로 알아본다. 이 책에서 개발하는 React 애플리케이션 전체를 캡슐화하는 React 컴포넌트를 생성한다. 부모 React 컴포넌트와 자식 컴포넌트 사이의 관계를 설명한다.

5장, ‘다른 라이브러리와 함께 React 컴포넌트 사용’에서는 서드파티 자바스크립트 라이브러리와 함께 React 컴포넌트를 사용하는 방법을 살펴본다. React 컴포넌트의 생명주기를 소개하고, 마운트 메소드를 사용하는 방법을 설명한다. 그리고 이 책의 프로젝트를 위한 새로운 React 컴포넌트를 생성한다.

6장, ‘React 컴포넌트 업데이트’에서는 React 컴포넌트 생명주기의 업데이트 메소드를 소개한다. 자바스크립트에서 CSS 스타일을 사용하는 방법을 알아보고, 기본 컴포넌트의 프로퍼티를 검사하고 설정하는 방법을 설명한다.

7장, ‘복잡한 React 컴포넌트 생성’에서는 좀 더 복잡한 React 컴포넌트를 개발하는 방법에 초점을 맞춘다. 여러 가지의 React 컴포넌트를 구현하는 방법과 해당 컴포넌트들을 하나로 결합하면서도 정상 작동되는 React 애플리케이션으로 만드는 방법에 대해 자세히 살펴본다.

8장, ‘Jest를 사용한 React 애플리케이션 테스트’에서는 유닛 테스트 개념과 Jest를 이용해서 유닛 테스트를 작성하고 실행하는 방법을 설명한다. 또한 React 컴포넌트를 테스트하는 방법도 보여준다. 테스트 스위트, 스펙, 예상 결과, 부합기(matcher)에 대해 알아본다.

9장, ‘Flux를 사용해 React 아키텍처 향상시키기’에서는 React 애플리케이션 아키텍처를 향상시키는 방법을 알아본다. Flux 아키텍처를 소개하고 디스패처, 스토어, 액션 생성자에 대해 설명한다.

10장, ‘Flux를 사용한 React 애플리케이션의 유지보수 준비’에서는 Flux를 이용해서 React 애플리케이션에 대한 우려 사항들을 분리하는 방법을 설명한다. 장차 유지보수가 어렵지 않도록 React 애플리케이션을 리팩토링
추천포스트

교환 및 환불안내

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