시작하세요! 리액트 프로그래밍
도서+교보Only(교보배송)을 함께 15,000원 이상 구매 시 무료배송
15,000원 미만 시 2,500원 배송비 부과
20,000원 미만 시 2,500원 배송비 부과
15,000원 미만 시 2,500원 배송비 부과
1Box 기준 : 도서 10권
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.
패키지
북카드
키워드 Pick
키워드 Pick 안내
관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.
그러고 나서 일반적으로 리액트와 함께 사용되는 별개의 선택적인 기술인 JSX에 대해 다루며, 실제로 앱을 개발하는 데 필요한 사항과 그 과정에 도움이 되는 부수적인 툴을 살펴본다. 이러한 부수적인 주제로는 자바스크립트 패키징 툴(Browserify), 단위 테스트(Jest), 린팅(ESLint), 형식(Flow), 앱 내 데이터 흐름 조직화(Flux), 그리고 불변 데이터(Immutable.js)가 있다. 이 책의 핵심 주제인 리액트에 초점을 유지하기 위해 이러한 부수적인 기술에 대해서는 최소한으로 소개하지만, 각자 필요로 하는 기술을 선택할 수 있도록 충분한 정보를 담았다.
작가정보
번역 이대엽
역자 최민석은 번역회사에서 언어전문가로 일하다 뜻하는 바를 이루기 위해 프리랜서로 독립해서 현재는 전문 번역가로 일하고 있다. 주로 IT 관련 소프트웨어의 현지화와 개발자 웹 사이트 관련 프로젝트를 진행하고 있으며 앞으로 개발자 서적 분야에서 작은 변화를 일으키고 싶다는 소박한 소망이 있다. 번역가의 고민은 독자의 고민과 반비례한다는 믿음으로 오늘도 기꺼이 고민할 준비가 돼 있다. 번역한 책으로는 『프로 리액트』 『네티 인 액션』 『엔터프라이즈 애플리케이션 아키텍처 패턴』 『유니티와 C#으로 배우는 게임 개발 교과서』 『자바 웹 개발 완벽 가이드』 『시작하세요! 스프링 4 프로그래밍』 『게임 디자인 워크숍』이 있다.
엮음 최민석
저자(글) 스토얀 스테파노프
저자 스토얀 스테파노프(Stoyan Stefanov)는 페이스북의 엔지니어이며 전에는 야후에서 일했다. 그는 온라인 이미지 최적화 툴인 스머시를 개발했고 성능 향상 툴인 YSlow 2.0을 설계했다. 스토얀은 『자바스크립트 패턴』(O’Reilly, 2010)과 『객체지향 자바스크립트』(Packt Publishing, 2008)를 집필했으며, 『초고속 웹사이트 구축』과 『자바스크립트 성능 최적화』의 기여자다. 또한 블로그를 운영하고 있으며, Velocity, JSConf, Fronteers 등의 여러 컨퍼런스에서 강연자로 자주 모습을 드러내고 있다.
목차
- ▣ 01장: Hello World
설정
Hello React World
작동 원리
React.DOM.*
특수한 DOM 속성
리액트 데브툴 브라우저 확장
다음 단계: 커스텀 컴포넌트
▣ 02장: 컴포넌트의 수명
최소 요건
프로퍼티
propTypes
___기본 프로퍼티 값
상태
상태 저장 텍스트 영역 컴포넌트
DOM 이벤트 참고 사항
___기존의 이벤트 처리 방식
___리액트의 이벤트 처리
프로퍼티와 상태
초기 상태의 프로퍼티: 안티 패턴
외부에서 컴포넌트 접근
작동 중 프로퍼티 변경
수명 주기 메서드
수명 주기 예제: 모두 기록하기
수명 주기 예제: 믹스인 사용
수명 주기 예제: 자식 컴포넌트 사용
성능을 위한 컴포넌트 업데이트 방지
PureRenderMixin
▣ 03장: Excel: 멋진 테이블 컴포넌트
데이터 준비
테이블 헤더 루프
콘솔 경고 디버깅
td 내용 추가
___컴포넌트를 개선하는 방법
정렬
___컴포넌트를 개선하는 방법
정렬 UI 표시
데이터 편집
___편집 가능한 셀
___입력 필드 셀
___저장
___가상 DOM의 차이점 비교와 결론
검색
___상태와 UI
___내용 필터링
___검색을 개선하는 방법
빠른 재현
___재현 기능을 개선하는 방법
___다른 구현 방법
테이블 데이터 내려받기
▣ 04장: JSX
Hello JSX
JSX 트랜스파일
바벨
클라이언트 측
JSX 변환
JSX에서 자바스크립트 사용
JSX의 공백
JSX의 주석
HTML 엔터티
___XSS 방지
스프레드 속성
___부모 대 자식 스프레드 속성
JSX에서 여러 노드 반환
JSX와 HTML의 차이점
___className과 htmlFor
___style이 객체로 취급됨
___닫는 태그
___캐멀표기법으로 속성 표기
JSX와 폼
___onChange 핸들러
___value와 defaultValue
___〈textarea〉와 value
___〈select〉와 value
JSX를 이용한 Excel 컴포넌트 수정
▣ 05장: 앱 개발을 위한 설정
기본 파트 앱
___파일과 폴더
___index.html
___CSS
___자바스크립트
___자바스크립트: 현대화
필수 구성 요소 설치
___Node.js
___브라우저리파이
___바벨
___리액트 및 기타 항목
빌드 시작
___자바스크립트 트랜스파일
___자바스크립트 패키징
___CSS 패키징
___결과!
___윈도우 버전
___개발 중 빌드하기
배포
앞으로 할 일
▣ 06장: 앱 구축하기
와인패드 v.0.0.1
___설정
___코딩 시작
컴포넌트
___설정
___검색
___〈Button〉 컴포넌트
___Button.css
___Button.js
___폼
___〈Suggest〉
___〈Rating〉 컴포넌트
___〈FormInput〉 “팩터리”
___〈Form〉
___〈Actions〉
___대화상자
앱 구성
새로 개선된 〈Excel〉
Whinepad
마무리
▣ 07장: 린트, 플로우, 테스트, 반복
package.json
___바벨 구성
___스크립트
ESLint
___설정
___실행
___전체 규칙
플로우
___설정
___실행
___형식 검사 사용하기
___〈Button〉 수정하기
___app.js
___프로퍼티와 상태의 형식 검사
___형식 내보내기/가져오기
___형변환
___불변항(Invariant)
테스트
___설정
___첫 번째 테스트
___첫 번째 리액트 테스트
___〈Button〉 컴포넌트의 테스트
___〈Actions〉 테스트
___전체 상호작용 테스트
___적용 범위(coverage)
기본 개념
▣ 08장: 플럭스
와인패드 다시 살펴보기
저장소
___저장소 이벤트
___〈Whinepad〉에서 저장소 사용
___〈Excel〉에서 저장소 사용
___〈Form〉에서 저장소 사용
___선긋기
액션
___CRUD 액션
___검색과 정렬
___〈Whinepad〉에서 액션 사용
___〈Excel〉에서 액션 사용
플럭스 정리
불변
불변 저장소 데이터
___불변 데이터 조작
출판사 서평
다기능 웹 애플리케이션을 신속하게 개발하기 위한 페이스북의 오픈소스 기술인 리액트를 시작해보자. 야후 웹 개발자인 스토얀 스테파노프는 이 실용적인 안내서에서 리액트의 기본 구성요소인 컴포넌트를 개발하고 이를 바탕으로 유지 관리하기 편리한 대규모 앱으로 구축하는 방법을 설명한다. 기본적인 자바스크립트 구문에 익숙하다면 지금 바로 시작해보자.
리액트의 기본 작동 방식을 배우고 나면 사용자가 와인에 대한 평가를 기록할 수 있는 와인패드라는 앱을 제작한다. 이 과정에서 많은 웹 개발자들이 리액트를 웹 개발의 핵심 기술로 인정하는 이유를 이해할 수 있을 것이다.
★ 이 책에서 다루는 내용 ★
◎ 리액트 설정과 첫 번째 "Hello world" 웹 앱 작성
◎ 일반 DOM 컴포넌트와 함께 사용할 커스텀 리액트 컴포넌트 개발
◎ 내용을 편집, 정렬, 검색하고 내보낼 수 있는 데이터 테이블 컴포넌트 개발
◎ 함수 호출 방식을 대신할 수 있는 JSX 구문 확장 사용
◎ 리액트에 집중하는 데 도움이 되는 간소한 저수준 빌드 프로세스 설정
◎ 데이터를 클라이언트에 저장하는 완전한 커스텀 앱 개발
◎ ESLint, 플로우(Flow), 제스트(Jest) 툴을 이용해 앱 개발 과정에서 코드를 검사하고 테스트
◎ 플럭스를 이용한 컴포넌트 간의 통신 관리
기본정보
ISBN | 9791158390501 | ||
---|---|---|---|
발행(출시)일자 | 2016년 10월 20일 | ||
쪽수 | 272쪽 | ||
크기 |
176 * 235
* 20
mm
/ 581 g
|
||
총권수 | 1권 | ||
시리즈명 |
위키북스 오픈소스 & 웹 시리즈
|
||
원서명/저자명 | React: Up & Running/Stoyan Stefanov |
Klover
e교환권은 적립 일로부터 180일 동안 사용 가능합니다.
리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 리뷰 종류별로 구매한 아이디당 한 상품에 최초 1회 작성 건들에 대해서만 제공됩니다.
판매가 1,000원 미만 도서의 경우 리워드 지급 대상에서 제외됩니다.
일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
- 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
- 도서와 무관한 내용의 리뷰
- 인신공격이나 욕설, 비속어, 혐오발언이 개재된 리뷰
- 의성어나 의태어 등 내용의 의미가 없는 리뷰
리뷰는 1인이 중복으로 작성하실 수는 있지만, 평점계산은 가장 최근에 남긴 1건의 리뷰만 반영됩니다.
구매 후 리뷰 작성 시, e교환권 200원 적립
문장수집
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
구매 후 리뷰 작성 시, e교환권 100원 적립