시작하세요! 리액트 프로그래밍 (페이스북 엔지니어가 알려주는 실전 React.js 프로그래밍)

시작하세요! 리액트 프로그래밍 (페이스북 엔지니어가 알려주는 실전 React.js 프로그래밍)

$22.55
Description
『시작하세요! 리액트 프로그래밍』은 웹 개발 관점에서 리액트를 배우는 데 초점을 맞춘다. 처음에는 아무것도 없는 빈 HTML 파일에서 시작해 점차 필요한 요소를 추가한다. 이 방법을 통해 새로운 구문이나 부가적인 툴이 아닌 리액트를 배우는 데 집중할 수 있다.

그러고 나서 일반적으로 리액트와 함께 사용되는 별개의 선택적인 기술인 JSX에 대해 다루며, 실제로 앱을 개발하는 데 필요한 사항과 그 과정에 도움이 되는 부수적인 툴을 살펴본다. 이러한 부수적인 주제로는 자바스크립트 패키징 툴(Browserify), 단위 테스트(Jest), 린팅(ESLint), 형식(Flow), 앱 내 데이터 흐름 조직화(Flux), 그리고 불변 데이터(Immutable.js)가 있다. 이 책의 핵심 주제인 리액트에 초점을 유지하기 위해 이러한 부수적인 기술에 대해서는 최소한으로 소개하지만, 각자 필요로 하는 기술을 선택할 수 있도록 충분한 정보를 담았다.
저자

이대엽

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

목차

▣01장:HelloWorld
설정
HelloReactWorld
작동원리
React.DOM.*
특수한DOM속성
리액트데브툴브라우저확장
다음단계:커스텀컴포넌트

▣02장:컴포넌트의수명
최소요건
프로퍼티
propTypes
___기본프로퍼티값
상태
상태저장텍스트영역컴포넌트
DOM이벤트참고사항
___기존의이벤트처리방식
___리액트의이벤트처리
프로퍼티와상태
초기상태의프로퍼티:안티패턴
외부에서컴포넌트접근
작동중프로퍼티변경
수명주기메서드
수명주기예제:모두기록하기
수명주기예제:믹스인사용
수명주기예제:자식컴포넌트사용
성능을위한컴포넌트업데이트방지
PureRenderMixin

▣03장:Excel:멋진테이블컴포넌트
데이터준비
테이블헤더루프
콘솔경고디버깅
td내용추가
___컴포넌트를개선하는방법
정렬
___컴포넌트를개선하는방법
정렬UI표시
데이터편집
___편집가능한셀
___입력필드셀
___저장
___가상DOM의차이점비교와결론
검색
___상태와UI
___내용필터링
___검색을개선하는방법
빠른재현
___재현기능을개선하는방법
___다른구현방법
테이블데이터내려받기

▣04장:JSX
HelloJSX
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〉에서액션사용
플럭스정리
불변
불변저장소데이터
___불변데이터조작

출판사 서평

다기능웹애플리케이션을신속하게개발하기위한페이스북의오픈소스기술인리액트를시작해보자.야후웹개발자인스토얀스테파노프는이실용적인안내서에서리액트의기본구성요소인컴포넌트를개발하고이를바탕으로유지관리하기편리한대규모앱으로구축하는방법을설명한다.기본적인자바스크립트구문에익숙하다면지금바로시작해보자.

리액트의기본작동방식을배우고나면사용자가와인에대한평가를기록할수있는와인패드라는앱을제작한다.이과정에서많은웹개발자들이리액트를웹개발의핵심기술로인정하는이유를이해할수있을것이다.

★이책에서다루는내용★
◎리액트설정과첫번째"Helloworld"웹앱작성
◎일반DOM컴포넌트와함께사용할커스텀리액트컴포넌트개발
◎내용을편집,정렬,검색하고내보낼수있는데이터테이블컴포넌트개발
◎함수호출방식을대신할수있는JSX구문확장사용
◎리액트에집중하는데도움이되는간소한저수준빌드프로세스설정
◎데이터를클라이언트에저장하는완전한커스텀앱개발
◎ESLint,플로우(Flow),제스트(Jest)툴을이용해앱개발과정에서코드를검사하고테스트
◎플럭스를이용한컴포넌트간의통신관리