프로 리액트 React.js를 이용한 모던 프런트엔드 구축

위키북스 오픈소스 & 웹 시리즈 79

카시우 지 소자 안토니우 지음 | 최민석 옮김 | 위키북스 | 2016년 05월 31일 출간

리뷰 1개 리뷰쓰기

크게보기

10%

4.23 ~ 4.29

매장 재고 · 위치

이 책의 다른 상품 정보

중고장터에
등록된 상품이 없습니다.
중고 책 팔기
원서/번역서 : [해외]Pro React (Paperback)

정가 : 28,000원
판매가 : 25,200원 [10%↓ 2,800원 할인]
제휴할인가 : 18,900원 교보-롯데카드 최대 25% 청구할인
카드/포인트 안내
신용카드 할인 / 포인트 결제 안내

교보문고&핫트랙스 롯데카드 청구할인

2만원 이상 구매 시 최대 25% 청구할인
(최대 1만원까지 할인)

제휴카드 청구할인

교보문고 KB국민카드 5% 청구할인

교보문고 sam신한카드 2천원 청구할인

제휴 포인트 사용

OK CASHBAG 10원 단위사용
(사용금액 제한없음)

GS&POINT 최대 10만원 사용

더보기+
통합포인트 :
[기본적립] 1,400원 적립 [5% 적립]
안내

통합포인트 적립 안내

[추가적립] 5만원 이상 구매 시 2천원을 추가 적립해드립니다.

일반상품을 2천원 이상 포함하여 실 결제금액이 5만원 이상 구매 시 적용됩니다.
(* 일반상품 : 잡지/외국도서,음반/DVD,기프트/오피스 상품)

도서정가제에 따라 국내도서/eBook 상품은 일반상품에서 제외 됩니다.

중고장터 주문 건 제외 (온라인/모바일 주문 건에 한하여 적용)

제공되는 혜택은 주문 건 별로 적용 가능, 2개 이상 주문 건을 합산하여 계산하지 않습니다.

[회원혜택] 우수회원의 경우 5만원 이상 구매 시 2~3% 추가 적립해드립니다.

프라임, 플래티넘 고객님의 경우 실 결제 금액이 5만원 이상인 구매 시 적용됩니다.

국내도서 구매 시 추가적립은 도서정가제 범위 내에서 적용됩니다.

잡지/외국도서,음반/DVD,기프트/오피스 상품 구매 시는 추가 적립됩니다.

적립된 포인트는 반품/주문취소 시 단품별 회수, 추가 적립된 통합포인트는 전액 회수 될 수 있습니다.

실 결제금액은 전체 주문/결제 금액 중 할인쿠폰 적용금액 및 통합포인트/마일리지, 교환권 사용금액을 제외한 결제 금액입니다.
[추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 5만원 이상 구매 시 2~3% 추가적립
추가혜택 :
네이버페이 결제 시 기본 1% 적립 카카오페이 결제 시 5% 즉시할인
실 결제 금액의 0.5% 적립
안내

L.POINT 추가적립 안내

L.POINT 회원 포인트 사용

구매 시 L.POINT 카드번호, 비밀번호 입력 후 사용 등록

L.POINT 회원 포인트 추가 적립

구매시 L.POINT 카드번호 입력 고객 대상
실 결제 금액의 0.5% 추가 적립
(통합포인트, 쿠폰, 우송료 등 제외한 실 결제금액 대상

L.POINT 적립은 고객님의 주문상품이 발송 완료된 후
교보문고 통합포인트와 함께 자동 적립됩니다.
(취소, 반품 시 해당 적립금은 다시 차감됩니다.)

이 상품의 이벤트 2건

더보기+

배송비 : 무료 배송비 안내

배송비 안내

국내도서/외국도서

도서만 1만원 이상 구매 시 무료배송
도서+음반/DVD/잡지/만화를 함께 1만원 이상 구매 시 무료배송
※ 1만원 미만 시 2,000원 배송비 부과

음반/DVD/잡지/만화(교보배송)

각각 구매하거나 함께 2만원 이상 구매 시 무료배송
※ 2만원 미만 시 2,000원 배송비 부과

양서해외주문도서/일서해외주문도서 (교보배송)

각각 구매하거나 함께 1만원 이상 구매 시 무료배송
※ 1만원 미만 시 2,000원 배송비 부과

업체배송 상품(전집,GIFT,등)/중고장터 상품

해당 상품 상세페이지 "배송비" 참고
(업체별/판매자별 무료배송 기준 다름)

그 외 무료배송 기준

바로드림, eBook 상품을 주문한 경우
프라임/플래티넘회원 무료배송쿠폰 이용하여 주문한 경우

※ 유의사항

도서/음반/DVD 와 해외주문도서를 함께 구매 시 별도로 출고되어 배송비는 각각 부과 (장바구니 기준)
예) 국내도서 7,000원 + 해외주문도서 7,000원을 함께 구매할 경우
배송비는 2,000원 + 2,000원 = 4,000원 부과
(단, 주문/결제에서 한꺼번에 출고 신청 시 배송비 정책에 따라 무료배송)
도서상태 : 절판

보관함 담기

이벤트도서포함, 5만원이상 구매시 택1 (몬스테라/선인장/플라밍고 3종, 3000P차감)

이벤트 (2)
상품정보
회원리뷰 (1)
스토리K (1)
교환/반품/품절

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

MANNING, O'REILLY, PACKT, WILEY 등 해..

2016.03.07 ~ 2020.12.31
설문참여 시 매월 5명 추첨통해 선물을 드립니다.

10. 14 ~ 12. 31

이벤트 (2)
상품정보
회원리뷰 (1)
스토리K (1)
교환/반품/품절

도서·상품정보 1:1 문의하기

상품상세정보
ISBN	9791158390426(1158390424)
쪽수	438쪽
크기	188 * 240 * 20 mm /872g 판형알림
이 책의 원서/번역서	Pro React/Apress

책소개

이 책이 속한 분야

[프로 리액트]는 jQuery 또는 백본/앵귤러 등으로 프런트엔드 앱을 개발해본 경험이 있지만 날로 복잡해지는 프런트엔드 애플리케이션을 효율적으로 제작할 수 있는 향상된 도구와 지식을 필요로 하는 중급 자바스크립트 개발자를 위해 리액트 라이브러리를 자세히 소개하고 인터페이스를 조합형으로 제작하는 최상의 방법을 설명한다. 책의 각 주제는 특정 문제를 효과적으로 해결할 수 있는 정보를 전달하기 위해 간결하고 명확하게 구성했다. 가장 중요한 기능에 대해서는 현실적이고 구체적인 활용 방안을 제시하며, 모든 단원에서 흔히 발생하는 문제와 이러한 문제를 예방하는 방법을 자세히 다룬다.

저자소개

저자 : 카시우 지 소자 안토니우

저자 카시우 지 소자 안토니우 (Ca?ssio de Sousa Antonio)는 20년 전 싱클레어 스펙트럼(Sinclair Spectrum)에서 프로그래밍을 시작한 후 브라질과 미국에서 소프트웨어 엔지니어이나 기술 관리자로 일해왔으며, 마이크로소프트, 코카콜라, 유니레버, HSBC 등 여러 대기업의 주요 프로젝트에 참여했다. 그가 창업한 회사는 2014년 후반 인수됐으며, 현재 컨설턴트로 일하고 있다. 트위터에서는 @cassiozen으로 활동하고 있다.

역자 : 최민석

역자 최민석은 번역회사에서 언어전문가로 일하다 뜻하는 바를 이루기 위해 프리랜서로 독립해서 현재는 전문 번역가로 일하고 있다. 주로 IT 관련 소프트웨어의 현지화와 개발자 웹 사이트 관련 프로젝트를 진행하고 있으며 앞으로 개발자 서적 분야에서 작은 변화를 일으키고 싶다는 소박한 소망이 있다. 번역가의 고민은 독자의 고민과 반비례한다는 믿음으로 오늘도 기꺼이 고민할 준비가 돼 있다. 번역한 책으로는 『네티 인 액션』『엔터프라이즈 애플리케이션 아키텍처 패턴』『유니티와 C#으로 배우는 게임 개발 교과서』『자바 웹 개발 완벽 가이드』『시작하세요! 스프링 4 프로그래밍』『게임 디자인 워크숍』이 있다.

▣ 1장: 시작하기
시작하기 전에
- Node.js와 npm
- 자바스크립트 ES6
리액트의 정의
리액트의 장점
- 편리한 반응형 렌더링
- 순수 자바스크립트를 이용한 컴포넌트 기반 개발
- 문서 모델의 유연한 추상화
첫 번째 리액트 앱 작성
- 리액트 개발 워크플로
- 첫 번째 컴포넌트 만들기
- 타이핑 수고를 약간 줄이는 방법
- 동적 값
컴포넌트 조합하기
- 속성
- 칸반 보드 앱 소개
- 컴포넌트 계층 정의
- 속성의 중요성
- 컴포넌트 만들기
- 앱 모듈(App.js)
상태 소개
- 칸반 앱: 토글되는 카드
정리

▣ 02장: DOM 추상화의 내부
리액트의 이벤트
- DOM 이벤트 리스너
- 칸반 앱: DOM 이벤트 관리
JSX 자세히 살펴보기
- JSX와 HTML 비교
- JSX와 HTML의 차이
- JSX의 특이점
칸반 앱: 카드가 열려있는지 여부 확인
- 공백
- JSX의 주석
- 동적 HTML 렌더링
- 칸반 앱: 마크다운 렌더링
JSX를 배제하고 리액트 이용
- 일반 자바스크립트로 리액트 요소 만들기
- 요소 팩토리
- 커스텀 팩토리
인라인 스타일링
- 인라인 스타일 정의
- 칸반 앱: 인라인 스타일링을 이용한 카드 색상 지정
폼 처리
- 제어 컴포넌트
- 특수 사례
- 비제어 컴포넌트
- 칸반 앱: 태스크 폼 만들기
가상 DOM의 작동 방식
- 키
- 칸반 앱: 키
- ref
정리

▣ 03장: 컴포넌트를 이용한 애플리케이션 구축
속성 유효성 검사
- 속성 기본값
- 기본 제공되는 propTypes 유효성 검사기
- 칸반 앱: 속성 형식 정의
- 커스텀 propTypes 유효성 검사기
컴포넌트 조합 전략과 모범 사례
- 상태 저장 컴포넌트와 순수 컴포넌트
- 어떤 컴포넌트가 상태 저장이어야 할까?
- 데이터 흐름과 컴포넌트 통신
컴포넌트 수명주기
- 수명주기 단계와 메서드
- 수명주기 함수의 실제 활용: 데이터 가져오기
불변성에 대한 개요
- 일반 자바스크립트에서의 불변성
- 중첩된 객체
- 리액트 불변성 도우미
칸반 앱: 약간의 복잡성 추가
정리

▣ 04장: 정교한 상호작용
리액트의 애니메이션
- CSS 트랜지션과 애니메이션의 기초
- ReactCSSTransitionGroup
드래그 앤드 드롭
- 리액트 DnD 구현 개요
- 리액트 DnD 예제 구현
칸반 앱: 애니메이션과 드래그 앤드 드롭 지원
- 카드 토글 애니메이션
- 카드 드래그
정리

▣ 05장: 라우팅
라우팅을 구현하는 단순한 방식
리액트 라우터
- 인덱스 라우트
- 매개변수를 이용하는 라우트
- 활성 링크 설정
- 속성 전달하기
- UI와 URL의 연결 분리
- 프로그래밍 방식으로 라우트 변경
- 히스토리
- 칸반 앱: 라우팅
정리

▣ 06장: 플럭스를 이용한 리액트 애플리케이션 설계
플럭스란?
- 스토어
- 액션
- 디스패처
실용성이 없는 최소 플럭스 앱
- 은행계좌 애플리케이션
플럭스 유틸
- 플럭스 유틸 스토어
- 컨테이너 컴포넌트 고차 함수
비동기 플럭스
- waitFor: 스토어 업데이트 순서
- 비동기 데이터 가져오기
에어치프 애플리케이션
- 설정: 프로젝트 구성과 기본 파일
- 공항을 가져오는 액션 생성자와 API 도우미 작성
- AirportStore
- App 컴포넌트
- 에어치프 애플리케이션 완성: 항공권 로딩
비동기 데이터 가져오기 구현 발전시키기
- AppDispatcher의 dispatchAsync 메서드
칸반 앱: 플럭스 아키텍처로 전환
- 리팩터: 플럭스 기본 구조 제작 및 파일 이동
- 플럭스 아키텍처로 데이터 가져오기 전환
- FetchCards 액션, API 메서드 호출, 스토어 콜백 구현
- 모든 카드와 태스크 조작을 플럭스 아키텍처로 이식하기
- 기능 이식을 위한 준비
- 컴포넌트
- 모든 컴포넌트 상태 제거
정리

▣ 07장: 성능 튜닝
조정 프로세스 작동 방식
- 일괄 처리
- 하위 트리 렌더링
리액트 퍼프
- 성능 테스트 애플리케이션
- 리액트 퍼프 설치와 이용
shouldComponentUpdate
- shallowCompare 애드온
정리

▣ 08장: 동형 리액트 애플리케이션
Node.js와 익스프레스
- Node.js와 익스프레스를 이용한 “Hello World” 애플리케이션 제작
동형 리액트의 기본
- 프로젝트 구조 만들기
- 서버상의 리액트 컴포넌트 렌더링
- 클라이언트에 리액트 마운팅
라우팅
- 내부 라우트 설정
- 동적 데이터 가져오기
- 라우트 렌더링
정리

▣ 09장: 리액트 컴포넌트의 테스트
제스트
리액트 테스트 유틸리티
- 테스트용 컴포넌트 렌더링
- 자식 순회 및 찾기
- 이벤트 시뮬레이션
- 얕은 렌더링
정리

▣ 부록A: 웹팩
웹팩이란?
그런트나 걸프와 같은 빌드 도구와의 차이점
시작하기
- 예제 프로젝트
- 첫 번째 빌드 실행
구성 파일 정의
- 태스크 바로가기 추가
- 소스맵 생성
웹팩 개발 서버
로더
바벨
- 설치와 구성
- 바벨 구성 파일
자바스크립트 외의 애셋
- 스타일시트
- CSS 모듈
- CSS 프로세서
플러그인
- 플러그인 이용하기
- html-webpack-plugin
HMR
실무용 빌드
최적화 플러그인
캐싱
정리

▣ 부록B: 자바스크립트 2015
클래스
모듈
let과 const
프로미스
화살표 함수
템플릿 문자열
구조분해 할당

출판사 서평

페이스북이 만들고 사용 중인 모던 프런트엔드 라이브러리!

리액트는 조합형 인터페이스를 제작하기 위한 오픈소스 라이브러리로서 현재는 페이스북이 관리하고 있다. 이 라이브러리는 처음 공개된 이후로 빠른 속도로 보급되고 있으며, 관련 커뮤니티의 사용자도 꾸준히 증가하고 있다.

이 책은 jQuery 또는 백본/앵귤러 등으로 프런트엔드 앱을 개발해본 경험이 있지만 날로 복잡해지는 프런트엔드 애플리케이션을 효율적으로 제작할 수 있는 향상된 도구와 지식을 필요로 하는 중급 자바스크립트 개발자를 위해 구성됐다.

리액트 라이브러리를... 더보기

이벤트 (2)
상품정보
회원리뷰 (1)
스토리K (1)
교환/반품/품절

북로그 리뷰 (1) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 출고 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내

프로 리액트: 빠르게 변하는 리액트와 서적의 한계 jw**e81 | 2016-06-11 | 추천: 0 |

SNS상에 이 책을 산 사람도 여럿 보였고, 평이 그다지 나쁘지 않아서 책을 구매했지만, 사실 구매하면서도 걱정이 앞섰다. 최신 트렌드의 웹 기술들은 매우 빠르게 업데이트 되고 있고, 책이 출판되기 위해 걸리는 시간 동안 이미 많은 것이 바뀌어 버리기 때문이다. 그럼에도 불구하고 이 책을 산 이유는, 원서 기준으로 출간된지 반년밖에 되지 않은 나름(?) 빠른 번역과, 모든 예제 코드가 ES2015 (ES6) 기준으로 쓰여졌다는 이야기 때문이었다. 하지만 역시나, 우려는 현실이 된다. 챕터 1에 등장하는 간단한... 더보기

SNS상에 이 책을 산 사람도 여럿 보였고,
평이 그다지 나쁘지 않아서 책을 구매했지만,
사실 구매하면서도 걱정이 앞섰다.

최신 트렌드의 웹 기술들은 매우 빠르게 업데이트 되고 있고,
책이 출판되기 위해 걸리는 시간 동안 이미 많은 것이 바뀌어 버리기 때문이다.
그럼에도 불구하고 이 책을 산 이유는,
원서 기준으로 출간된지 반년밖에 되지 않은 나름(?) 빠른 번역과,
모든 예제 코드가 ES2015 (ES6) 기준으로 쓰여졌다는 이야기 때문이었다.

하지만 역시나, 우려는 현실이 된다.
챕터 1에 등장하는 간단한 예제조차, 라이브러리 버전을 "책에 나오는 버전"으로 맞추지 않으면, 빌드에 실패한다.

자세히 알아보자.
책에 쓰여진 예제 코드는 리액트 버전 0.13 기준이다.
(리액트 버전 0.13에서 0.14로 넘어가면서, 'react' 패키지는 'react', 'react-dom' 두 개의 패키지로 분할된다)
리액트 0.14 버전이 발표된 것은 2015년 10월 초, (https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html)
프로 리액트 (원서)가 출간된 것은 2015년 12월 말,
여기까지는 납득 할 수 있다.

하지만,
번역 작업에 있어서 이 문제는 심각한 이슈가 되었어야 했다.
2016년 1월에 리액트 공식 트위터 계정에서 한 설문조사에, 79%의 유저들이 0.14 버전을 쓰고 있다고 답했다.
설령 번역 작업이 2015년부터 진행되었다고 하더라도,
원 저자와 협의하고 0.14 버전의 새로운 예제 코드로 바꿀 시간은 충분했다.
(심지어 원 저자가 원서 출간 직후에 이미 0.14 버전의 예제 코드를 발표했다: https://github.com/pro-react/sample-code)

그럼에도 불구하고,
2016년도 5월에 출간된 이 번역서는 아무 것도 하지 않고 책을 출간했다.
내용이나 구성이 나쁜건 아니지만, 이 번역서에는 결코 좋은 평점을 줄 수가 없다.
이 책은 리액트 "입문자"를 위한 책이기 때문이다. 닫기

스토리K 총 1건의 스토리K가 있습니다.

[북뉴스]

[IT신간소식] 6월 프로그래밍 신간 대거 출간!

2016-06-03 | 조회: 3022

이벤트 (2)
상품정보
회원리뷰 (1)
스토리K (1)
교환/반품/품절

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법	마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)
반품/교환가능 기간	변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용	변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유	소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 (단지 확인을 위한 포장 훼손은 제외) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우 예) 화장품, 식품, 가전제품(악세서리 포함) 등 복제가 가능한 상품 등의 포장을 훼손한 경우 예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서) 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우 (1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절	공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
소비자 피해보상 환불지연에 따른 배상	상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함