리액트 & 리액트 네이티브 통합 교과서

1장. 왜 리액트인가?
__리액트란?
____리액트는 단지 뷰다
__단순성이 좋다
__선언적 UI 구조
__시간과 데이터
__성능 문제
__올바른 추상화 수준
__리액트 16의 변경 사항
____핵심 아키텍처 개선
____생명주기 메서드
____컨텍스트 API
____프래그먼트 렌더링
____목록과 문자열을 렌더링
__요약

2장. JSX 렌더링
__JSX란 무엇인가?
____Hello JSX
____선언적 UI 구조
__HTML과 같은
____내장 HTML 태그
____HTML 태그 규약
__UI 구조 설명
__자신의 JSX 요소 생성
____HTML 캡슐화
____중첩 요소
____네임스페이스 컴포넌트
__자바스크립트 표현 사용
____동적 프로퍼티 값과 텍스트
____컬렉션을 요소에 매핑
__JSX의 프래그먼트
____래퍼 요소
____프래그먼트를 사용해 불필요한 태그 제거
__요약

3장. 컴포넌트 프로퍼티, 상태 그리고 컨텍스트
__컴포넌트 상태란 무엇인가?
__컴포넌트 프로퍼티란 무엇인가?
__컴포넌트 상태 설정
____초기 컴포넌트 상태
____컴포넌트 상태 설정
____컴포넌트 상태 병합
__프로퍼티 값 전달하기
____기본 프로퍼티 값
____프로퍼티 값 설정
__무상태 컴포넌트
____순수 함수형 컴포넌트
____함수형 컴포넌트 기본값
__컨테이너 컴포넌트
__컨텍스트 제공 및 사용
__요약

4장. 이벤트 핸들링 - 리액트 방식
__이벤트 핸들러 선언
____핸들러 함수 선언
____다중 이벤트 핸들러
____제네릭 핸들러 임포트
__이벤트 핸들러 컨텍스트와 매개변수
____Auto-binding context
____컴포넌트 데이터 가져오기
__고차 이벤트 핸들러
__인라인 이벤트 핸들러
__요소에 핸들러를 바인딩
__통합 이벤트 객체
__이벤트 풀링
__요약

5장. 재사용할 수 있는 컴포넌트 제작
__재사용할 수 있는 HTML 요소
__일체형 컴포넌트의 어려움
____JSX 마크업
____초기 상태와 상태 헬퍼
____이벤트 핸들러 구현
__컴포넌트 구조 리팩토링
____JSX로 시작
____article 목록 컴포넌트 구현
____article 항목 컴포넌트 구현
____article 컴포넌트 추가 기능 구현
____함수형 컴포넌트 만들기
__렌더 프롭 활용
__컴포넌트 트리 렌더링
__기능 컴포넌트와 유틸리티 컴포넌트
__요약

6장. 리액트 컴포넌트 생명주기
__컴포넌트는 왜 생명주기가 필요한가?
__프로퍼티와 상태 초기화하기
____컴포넌트 데이터 가져오기
____프로퍼티로 상태 초기화하기
____프로퍼티로 상태 업데이트하기
__렌더링 효율 최적화
____렌더링 여부 결정
____렌더링 최적화를 위한 메타데이터의 사용
__명령형 컴포넌트 렌더링
____제이쿼리 UI 위젯 렌더링
__컴포넌트의 후처리
____비동기 호출 정리
____에러 경계
__요약

7장. 컴포넌트 프로퍼티 검증
__예측 값 파악
__이동 가능한 컴포넌트
__간단한 프로퍼티 검증기
____기본 유형 검증
____값 요청
____any 프로퍼티 값
__유형과 값 검사기
____렌더링될 수 있는 것
____특정 유형 요청
____특정 값을 요청
__커스텀 프로퍼티 검증기 구현
__요약

8장. 컴포넌트 확장
__컴포넌트 상속
____상태 상속
____프로퍼티 상속
____JSX 및 이벤트 핸들러 상속
__고차 컴포넌트 구성
____조건부 컴포넌트 렌더링
____데이터 소스 제공
__요약

9장. 라우트를 통한 내비게이션 처리
__라우트 선언
____헬로 라우트
____라우트 선언 분리
____부모와 자식 라우트
__라우터 매개변수 처리
____라우트의 리소스 ID
____선택적 매개변수
__링크 컴포넌트 사용
____기본 링크
____URL 및 쿼리 매개변수
__요약

10장. 서버단 리액트 컴포넌트
__동형 자바스크립트란 무엇인가?
____서버는 렌더링 대상이다
____초기 로드 성능
____백엔드와 프론트엔드 간의 코드 공유
__문자열로 렌더링
__백엔드 라우팅
__프론트엔드 조정
__데이터 가져오기
__요약

11장. 모바일 우선 리액트 컴포넌트
__모바일 우선 디자인의 근거
__React-bootstrap 컴포넌트 사용
____내비게이션 구현
____목록
____폼
__요약

12장. 왜 리액트 네이티브인가?
__리액트 네이티브는 무엇인가?
__리액트와 JSX는 익숙하다
__모바일 브라우저 경험
__같으면서 다른 안드로이드와 iOS
__모바일 웹 애플리케이션 사례
__요약

13장. 리액트 네이티브 프로젝트 시작하기
__create-react-native-app 설치하고 사용하기
__리액트 네이티브 앱 생성하기
__앱 실행하기
__Expo 설치하고 사용하기
__시뮬레이터 사용하기
____iOS 시뮬레이터
____안드로이드 시뮬레이터
__요약

14장. 플렉스박스로 반응형 레이아웃 만들기
__플렉스박스는 새로운 레이아웃 표준이다
__리액트 네이티브 스타일 소개하기
__플렉스박스 레이아웃 만들기
____단순한 세 열 레이아웃
____개선된 세 열 레이아웃
____유연한 행
____유연한 그리드
____유연한 행과 열
__요약

15장. 화면 탐색하기
__탐색 기초
__라우트 인자
__탐색 헤더
__탭과 드로워 탐색
__상태 다루기
__요약

16장. 항목 목록 렌더링하기
__데이터 컬렉션 렌더링하기
__목록 정렬하고 필터링하기
__목록 데이터 가져오기
__지연 목록 로딩
__요약

17장. 프로그레스 보여주기
__진행 상황과 사용성
__프로그레스 표시하기
__프로그레스 측정하기
__탐색 인디케이터
__단계 프로그레스
__요약

18장. 지오로케이션과 맵
__내 위치는 어디인가?
__주변에는 무엇이 있을까?
__가볼 만한 곳 주석달기
____포인트 배치하기
____오버레이 배치하기
__요약

19장. 사용자 입력받기
__텍스트 입력받기
__목록 옵션 선택하기
__온/오프 토글링하기
__날짜/시간 입력받기
__요약

20장. 알림, 통지, 확인
__중요한 정보
__사용자 확인받기
____성공 확인
____에러 확인
__수동적 통지
__액티비티 모달
__요약

21장. 사용자 제스처에 대응하기
__손가락으로 스크롤하기
__터치 피드백주기
__스와이프 가능과 취소 가능
__요약

22장. 이미지 출력 제어하기
__이미지 로딩하기
__이미지 리사이즈하기
__이미지 지연 로딩하기
__아이콘 렌더링하기
__요약

23장. 오프라인의 세계로
__네트워크 상태 감지하기
__애플리케이션 데이터 저장하기
__애플리케이션 데이터 동기화하기
__요약

24장. 애플리케이션 상태 다루기
__정보 아키텍처와 플럭스
____단일 방향성
____동기식 업데이트 라운드
____예측 가능한 상태 변환
__통합 정보 아키텍처
__리덕스 구현하기
____초기 애플리케이션 상태
____스토어 생성하기
____스토어 프로바이더와 라우트
____앱 컴포넌트
____Home 컴포넌트
____모바일 앱에서의 상태
__아키텍처 확장하기
__요약

25장. 왜 릴레이와 그래프QL인가?
__또 다른 접근법?
__새로운 용어들
__선언형 데이터 의존성
__애플리케이션 상태 변형하기
__그래프QL 백엔드와 마이크로서비스
__요약
__TodoMVC와 릴레이

26장. 릴레이 리액트 앱 구현하기
__그래프QL 스키마
__릴레이 부트스트래핑하기
__Todo 항목 추가하기
__Todo 항목 렌더링하기
__Todo 항목 완성하기
__요약