빠른 모바일 앱 개발을 위한 React Native 리액트 네이티브

1장 리액트 네이티브란 무엇인가?
1.1 리액트 네이티브의 이점
1.1.1 개발 경험
1.1.2 코드 재사용 및 지식 공유
1.2 위험과 단점
1.3 요약

2장 리액트 네이티브 다루기
2.1 리액트 네이티브는 어떻게 동작할까?
2.2 렌더링 라이프사이클
2.3 리액트 네이티브 컴포넌트 만들기
2.3.1 View 작업하기
2.3.2 JSX 사용하기
2.3.3 네이티브 컴포넌트 스타일링
2.4 대상 플랫폼 API
2.5 요약

3장 첫 애플리케이션 만들기
3.1 환경 설정
3.1.1 리액트 네이티브 설치
3.1.2 iOS 디펜던시
3.1.3 안드로이드 디펜던시
3.2 새로운 애플리케이션 생성하기
3.2.1 리액트 네이티브 애플리케이션 iOS 버전 실행하기
3.2.2 iOS 디바이스에 업로드하기
3.2.3 리액트 네이티브 애플리케이션 안드로이드 버전 실행하기
3.2.4 복습: 프로젝트를 생성하고 실행하기
3.3 샘플 코드 살펴보기
3.3.1 컴포넌트를 View에 붙이기
3.3.2 리액트 네이티브에서 불러오기
3.3.3 FirstProject 컴포넌트
3.4 날씨 앱 만들기
3.4.1 사용자 입력 다루기
3.4.2 데이터 표시하기
3.4.3 배경 이미지 추가하기
3.4.4 웹에서 데이터 가져오기
3.4.5 모두 합쳐서 완성하기
3.5 요약

4장 모바일 컴포넌트
4.1 HTML 엘리먼트와 네이티브 컴포넌트의 유사성
4.1.1 텍스트 컴포넌트
4.1.2 이미지 컴포넌트
4.2 터치와 제스처(Gesture) 다루기
4.2.1 TouchableHighlight 사용하기
4.2.2 GestureResponder 시스템
4.2.3 PanResponder
4.3 구조를 잡는 컴포넌트 다루기
4.3.1 ListView 사용하기
4.3.2 Navigator 사용하기
4.3.3 구조를 잡는 다른 컴포넌트
4.4 플랫폼에 특화된 컴포넌트
4.4.1 iOS 혹은 안드로이드만을 위한 컴포넌트
4.4.2 플랫폼에 특화된 버전의 컴포넌트
4.4.3 언제 플랫폼에 특화된 컴포넌트를 사용하나요?
4.5 요약

5장 스타일
5.1 스타일의 선언과 조작
5.1.1 인라인 스타일
5.1.2 객체로 스타일 적용하기
5.1.3 Stylesheet.Create 사용하기
5.1.4 스타일 병합
5.2 구조화 및 상속
5.2.1 스타일 객체 내보내기
5.2.2 스타일을 prop으로 전달하기
5.2.3 스타일의 재사용과 공유
5.3 위치 잡기 및 레이아웃 디자인하기
5.3.1 Flexbox를 이용한 레이아웃
5.3.2 절대적 위치 지정
5.3.3 모두 합쳐서 완성하기
5.4 요약

6장 플랫폼 API
6.1 지리적 위치 정보 이용하기
6.1.1 사용자 위치 얻어오기
6.1.2 권한 다루기
6.1.3 iOS 시뮬레이터에서 위치 추적 기능 테스트하기
6.1.4 사용자 위치 감시하기
6.1.5 제한사항
6.1.6 날씨 애플리케이션 업데이트하기
6.2 사용자의 사진과 카메라 접근하기
6.2.1 카메라롤 모듈
6.2.2 GetPhotoParams를 이용한 이미지 요청
6.2.3 카메라롤의 이미지 렌더링하기
6.2.4 사진 목록 보여주기
6.2.5 사진을 서버에 올리기
6.3 AsyncStore를 이용한 지속 가능한 데이터 저장하기
6.3.1 그 외 다른 저장소
6.4 SmarterWeather 애플리케이션
6.4.1 WeatherProject 컴포넌트
6.4.2 Forecast 컴포넌트
6.4.3 Button 컴포넌트
6.4.4 LocationButton 컴포넌트
6.4.5 PhotoBackdrop 컴포넌트
6.5 요약

7장 모듈
7.1 npm을 이용한 자바스크립트 라이브러리 설치
7.2 iOS 네이티브 모듈
7.2.1 서드파티(Third-Party) 컴포넌트
7.2.2 Video 컴포넌트 사용하기
7.2.3 오브젝티브-C 네이티브 모듈 파헤치기
7.2.4 RCTVideo의 구현
7.3 안드로이드 네이티브 모듈
7.3.1 서드파티 컴포넌트 설치하기
7.3.2 자바 네이티브 모듈 파헤치기
7.3.3 LinearGradient의 안드로이드 구현체
7.4 크로스 플랫폼 네이티브 모듈
7.5 요약

8장 디버깅과 개발자 도구
8.1 자바스크립트 디버깅 방법과 에러 해석
8.1.1 개발자 옵션 활성화하기
8.1.2 console.log로 디버깅하기
8.1.3 자바스크립트 디버거 사용하기
8.1.4 리액트 개발자 도구 사용하기
8.2 리액트 개발자 도구
8.2.1 엘리먼트 인스펙터 사용하기
8.2.2 빨간 에러 화면
8.3 자바스크립트를 넘어선 디버깅
8.3.1 흔히 발생하는 개발 환경 문제
8.3.2 흔히 발생하는 Xcode 문제
8.3.3 흔히 발생하는 안드로이드 문제
8.3.4 리액트 네이티브 패키저
8.3.5 iOS 디바이스에 배포할 때 발생하는 문제
8.3.6 시뮬레이터의 동작
8.4 코드 테스트하기
8.4.1 Flow를 이용한 타입 검사
8.4.2 Jest를 이용한 테스트
8.5 문제를 해결하지 못할 때
8.6 요약

9장 하나의 앱으로 통합하기
9.1 플래시카드 애플리케이션
9.1.1 프로젝트 구조
9.1.2 컴포넌트 계층구조
9.2 데이터 모델링과 저장
9.2.1 데이터플로 아키텍처: Reflux와 Flux
9.2.2 Zebreto에서 Reflux 이용하기
9.2.3 데이터 유지, AsyncStorage 그리고 Reflux 스토어
9.3 Navigator 사용하기
9.4 서드파티 디펜던시
9.5 반응형 디자인과 폰트 크기
9.6 요약 및 과제

10장 iOS 앱 스토어에 배포하기
10.1 Xcode 프로젝트 준비하기
10.1.1 지원하는 디바이스 및 타깃 iOS 버전 선택하기
10.1.2 런치 스크린 이미지
10.1.3 애플리케이션 아이콘 추가
10.1.4 번들 이름 지정하기
10.1.5 AppDelegate.m 수정하기
10.1.6 배포를 위한 스키마(Schema) 지정
10.2 애플리케이션 올리기
10.2.1 개발 외적으로 해야 하는 일
10.2.2 아카이브(archive) 만들기
10.2.3 iTunes Connect에 앱 만들기
10.3 TestFlight를 이용한 베타 테스트
10.4 애플리케이션 심사를 위한 등록
10.5 요약

11장 안드로이드 애플리케이션 배포하기
11.1 애플리케이션 아이콘 설정하기
11.2 배포용 APK 만들기
11.3 이메일이나 링크로 배포하기
11.4 플레이 스토어에 애플리케이션 심사 요청
11.4.1 플레이 스토어를 통한 베타 테스트
11.4.2 플레이 스토어 등록 정보
11.4.3 스토어 등록에 필요한 에셋
11.4.4 애플리케이션 게시하기
11.5 요약

결론

부록 A ES6 문법
A.1 비구조화
A.2 모듈 불러오기
A.3 함수 축약 표현식
A.4 두꺼운 화살표 함수
A.5 문자열 조립
A.6 클래스
A.6.1 생성자에서 초기화
A.6.2 this 바인딩
A.6.3 propTypes 지정 및 prop 기본 값
A.6.4 let과 const

부록 B 명령어와 퀵스타트 가이드
B.1 새로운 프로젝트 생성
B.2 iOS에서 실행하기
B.2.1 iOS에서 스크린샷 찍기
B.3 안드로이드에서 실행하기
B.3.1 안드로이드에서 스크린샷 찍기
B.4 리액트 네이티브 패키저 실행하기