리액트 16 (리액트를 사용한 고급 웹앱 클라이언트 제작)

애덤프리먼

오랫동안여러기업에서중책을맡았던IT전문가다.가장최근에는한글로벌은행에서최고기술책임자(CTO,ChiefTechnologyOfficer)와최고운영책임자(COO,ChiefOperatingOfficer)를역임했다.은퇴한후지금은IT저술과장거리달리기에전념하고있다.

1부.리액트시작하기

1장.첫리액트애플리케이션

__개발환경준비
____Node.js설치
____CreateReactApp설치
____깃설치
____에디터설치
____브라우저설치
__프로젝트생성
____프로젝트구조
____부트스트랩CSS프레임워크
____개발도구
__임시콘텐츠대체
__동적콘텐츠
____상태데이터의변경
__할일목록애플리케이션에기능추가
____할일목록보여주기
__컴포넌트추가
____자식컴포넌트사용
__마무리작업
____완료된할일의시각적처리
____데이터의지속저장
__정리

2장.리액트의이해

__리액트는필수인가?
____라운드트립애플리케이션
____싱글페이지애플리케이션
____애플리케이션복잡성
__필요한사전지식
__필요한개발환경
____이책의구성
____1부:리액트시작하기
____2부:리액트주무르기
____3부:리액트애플리케이션완성하기
__예제의양
__이책의예제코드
__이책의정오표
__연락방법
__정리

3장.HTML,JSX,CSS핵심정리

__준비작업
____HTML파일과컴포넌트준비
____예제실행
__HTML과DOM엘리먼트의이해
____엘리먼트콘텐츠의이해
____속성의이해
____HTML엘리먼트의동적생성
____리액트컴포넌트를사용한엘리먼트의동적생성
__리액트엘리먼트에서의표현식
____표현식과정적콘텐츠의결합
____표현식안에서의계산
____컴포넌트프로퍼티와메소드접근
____표현식으로프로퍼티값설정
____표현식으로이벤트처리
__부트스트랩소개
____기본부트스트랩클래스적용
____부트스트랩으로그리드생성
____부트스트랩으로테이블스타일적용
____부트스트랩으로폼스타일적용
__정리

4장.자바스크립트핵심정리

__준비작업
__자바스크립트구문
__자바스크립트함수
____파라미터가있는함수
____결과를리턴하는함수
____다른함수의인자로함수사용
__변수와타입
____기본데이터타입
__자바스크립트연산자
____조건문
____등치연산자와일치연산자
____명시적타입변환
__배열
____배열리터럴
____배열콘텐츠의읽기와변경
____배열콘텐츠열거
____스프레드연산자
____배열의내장메소드
__객체
____객체리터럴
____메소드로서의함수
____클래스
____다른객체로프로퍼티복사
____명명된파라미터로프로퍼티읽기
__자바스크립트모듈
____자바스크립트모듈의생성과사용
____명명된기능내보내기
____여러개의명명된기능정의하기
__자바스크립트프로미스
____비동기작업의문제점
____프로미스사용하기
____비동기작업을다루는쉬운방법
__정리

5장.SportsStore:현실적인애플리케이션

__프로젝트준비
____추가패키지설치
____CSS스타일시트추가
____웹서비스준비
____예제애플리케이션실행
__데이터스토어
____데이터스토어액션과액션생성자
__쇼핑기능만들기
____상품과카테고리컴포넌트제작
____데이터스토어및URL라우터연결
____애플리케이션에Shop추가
____카테고리버튼개선
__쇼핑카트추가
____데이터스토어확장
____CartSummary컴포넌트추가
____CartDetails컴포넌트추가
____라우팅설정에카트URL추가
__정리

6장.SportsStore:REST와결제시스템

__준비작업
__RESTful웹서비스
____설정파일만들기
____데이터소스생성
____데이터스토어확장
____액션생성자수정
__페이지네이션
____웹서비스페이지네이션
____HTTP요청과액션변경
____데이터로딩컴포넌트제작
____ShopConnector컴포넌트수정
____카테고리버튼수정
____페이지네이션제어
__결제처리시스템
____REST데이터소스와데이터스토어확장
____결제폼제작
__ShopConnector컴포넌트다듬기
__정리

7장.SportsStore:관리자기능

__준비작업
____예제애플리케이션실행
__그래프QL서비스제작
____그래프QL스키마정의
____그래프QL리졸버정의
____서버갱신
__주문관리기능
____주문테이블컴포넌트정의
____커넥터컴포넌트정의
____그래프QL클라이언트구성
____뮤테이션설정
__상품관리기능
____상품테이블컴포넌트연결
____상품편집컴포넌트제작
____라우팅설정추가
__정리

8장.SportsStore:인증과배포

__준비작업
__그래프QL요청에대한인증
____인증시스템의이해
____인증컨텍스트생성
____인증폼만들기
____관리자기능의보호
____관리자기능으로의내비게이션링크추가하기
__애플리케이션배포준비
____관리자기능에지연로딩적용
____데이터파일만들기
____요청URL변경
____애플리케이션빌드
____애플리케이션서버제작
____배포버전과서버테스트
__SportsStore애플리케이션의컨테이너화
____도커설치
____애플리케이션준비
____도커컨테이너생성
____애플리케이션실행
__정리

2부.리액트주무르기

9장.리액트프로젝트의이해

__준비작업
__리액트프로젝트의구조
____소스코드폴더
____패키지폴더
__리액트개발도구
____컴파일과변환과정의이해
____개발HTTP서버
____정적콘텐츠
____에러디스플레이
____린터의이해
____개발도구설정
__디버깅
____애플리케이션의상태조사
____브라우저디버거사용하기
__정리

10장.컴포넌트와props

__준비작업
__컴포넌트의이해
____HTML콘텐츠렌더링
____다른컴포넌트의렌더링
__props의이해
____부모컴포넌트에서props정의
____자식컴포넌트에서props받기
__자바스크립트와props의조합
____콘텐츠의조건부렌더링
____배열렌더링
____복수의엘리먼트렌더링
____렌더링하지않기
____props변경시도
__함수props
____함수prop에인자사용
__자식컴포넌트에props전달
____props일괄전달
__기본prop값제공
__prop값의타입검사
__정리

11장.상태유지컴포넌트

__준비작업
__컴포넌트유형의이해
____무상태컴포넌트의이해
____상태유지컴포넌트의이해
__상태유지컴포넌트제작
____컴포넌트클래스의이해
____import구문의이해
____render메소드의이해
____상태유지컴포넌트props의이해
__상태데이터추가
____상태데이터읽기
__상태데이터변경
____상태데이터변경의함정
__훅을사용한상태유지컴포넌트
__상태데이터끌어올리기
____상태데이터더끌어올리기
__prop타입과기본값정의
__정리

12장.이벤트

__준비작업
__이벤트의이해
____이벤트처리메소드사용
____이벤트객체의이해
____이벤트핸들러호출에커스텀인자사용
____기본동작취소
__이벤트전파
____타깃단계와버블단계
____캡처단계
____이벤트단계판별
____이벤트전파중단
__정리

13장.재조정과생명주기

__준비작업
____예제컴포넌트작성
__콘텐츠렌더링에대한이해
____갱신과정의이해
____재조정과정의이해
____목록재조정의이해
__명시적재조정
__컴포넌트생명주기
____마운트단계
____업데이트단계
____언마운트단계
__이펙트훅
__고급생명주기메소드
____불필요한컴포넌트업데이트의방지
____props값으로부터상태데이터갱신
__정리

14장.애플리케이션컴포지션

__준비작업
____예제컴포넌트작성
__기본컴포넌트관계
__childrenprop사용하기
____childrenprop다루기
__특성화컴포넌트
__고차컴포넌트
____상태유지HOC
____HOC의조합
__렌더링prop
____인자가있는렌더링prop
__전역데이터를위한컨텍스트
____컨텍스트정의
____컨텍스트소비자
____컨텍스트제공자
____컨텍스트데이터변경
____컨텍스트API사용
__에러경계
____에러경계컴포넌트
__정리

15장.폼과데이터검증

__준비작업
____예제컴포넌트작성
____개발도구실행
__폼엘리먼트사용
____select엘리먼트
____라디오버튼
____체크박스
____체크박스를사용한배열채우기
____텍스트영역
__폼데이터검증
____검증규칙정의
____컨테이너컴포넌트제작
____검증메시지표시
____폼검증적용
____그밖의엘리먼트와데이터타입의검증
____폼에특정적인검증
__정리

16장.ref와포털

__준비작업
__ref생성
__비제어폼컴포넌트
____콜백함수를사용한ref생성
____비제어폼컴포넌트의검증
__ref와생명주기
__다른라이브러리나프레임워크를위한ref
__자식컴포넌트의콘텐츠에접근
____r