1장. 리액트 네이티브란?
1.1 리액트 네이티브의 장점과 단점
1.2 리액트 네이티브의 동작 방식
1.3 마치며
- 리액트를 공부한 후 시작해야 하나요?
2장. 리액트 네이티브 시작하기
2.1 개발 환경 준비하기
2.2 리액트 네이티브 프로젝트 만들기
2.3 마치며
- 리액트 네이티브 멀티 플랫폼 개발
3장. 컴포넌트
3.1 JSX
3.2 컴포넌트
3.3 props와 state
3.4 이벤트
3.5 마치며
- 타입 확인
4장. 스타일링
4.1 스타일링
4.2 리액트 네이티브 스타일
4.3 스타일드 컴포넌트
4.4 마치며
- Prettier
5장. 할 일 관리 애플리케이션
5.1 프로젝트 준비하기
5.2 타이틀 만들기
5.3 Input 컴포넌트 만들기
5.4 할 일 목록 만들기
5.5 기능 구현하기
5.6 부가 기능
5.7 마치며
- 디자인 도구
6장. Hooks
6.1 useState
6.2 useEffect
6.3 useRef
6.4 useMemo
6.5 커스텀 Hooks 만들기
6.6 마치며
- 클래스형 컴포넌트를 공부해야 하나요?
7장. Context API
7.1 전역 상태 관리
7.2 Context API
7.3 useContext
7.4 마치며
- 커뮤니티
8장. 내비게이션
8.1 리액트 내비게이션
8.2 스택 내비게이션
8.3 탭 내비게이션
8.4 마치며
- 나의 첫 번째 리액트 네이티브 프로젝트
9장. 채팅 애플리케이션
9.1 프로젝트 준비
9.2 파이어베이스
9.3 앱 아이콘과 로딩 화면
9.4 인증 화면
9.5 메인 화면
9.6 마치며
- 애플 개발자 계정 생성
10장. 배포하기
10.1 프로젝트 빌드
10.2 iOS 배포
10.3 안드로이드 배포
10.4 버전 업그레이드
10.5 마치며
- 이 책 이후에
● 컴포넌트/스타일링
● 할 일 관리 애플리케이션 만들기
● Hooks/Context API
● 리액트 내비게이션/스택 내비게이션/탭 내비게이션
● 채팅 애플리케이션 만들기
● iOS/안드로이드 배포하기
● 버전 업그레이드
총 10개 장으로 구성되어 있으며 실습은 Expo 프로젝트로 진행한다. 핵심 내용 위주로 설명되어 있고, 다음 과정을 통해 리액트 네이티브의 사용 방법을 익힌 후 직접 애플 앱 스토어와 구글 플레이 스토어에 배포까지 해볼 수 있도록 구성했다.
● 1장에서는 리액트 네이티브란 무엇인지, 장단점은 무엇인지, 어떻게 동작하는지 알아본다.
● 2장에서는 리액트 네이티브를 개발하기 위한 개발 환경을 구성하고 리액트 네이티브 프로젝트를 생성하여 실행해본다. 리액트 네이티브 환경 설정은 운영체제의 종류와 상관없이 개발을 진행할 수 있도록 맥과 윈도우 환경 모두 다루고 있다. 리액트 네이티브의 프로젝트를 생성을 위해 Expo를 이용하는 방법과 리액트 네이티브 CLI를 이용하는 방법을 알아본다.
● 3장에서는 리액트 네이티브를 사용하기 위해 JSX의 특징과 사용법에 대해 알아보고 컴포넌트에 관해 살펴본다. 또 컴포넌트에서 중요한 상태와 속성에 대해서도 알아보고 많이 사용되는 이벤트를 다뤄본다.
● 4장에서는 컴포넌트에 스타일을 적용하는 방법에 대해 알아본다. 리액트 네이티브에서 사용되는 스타일의 특성에 대해 살펴보고, 리액트 네이티브 스타일의 단점을 보완하기 위해 스타일드 컴포넌트를 사용하는 방법을 익힌다.
● 5장에서는 3장과 4장에서 공부한 내용을 바탕으로 간단한 할 일 관리 애플리케이션을 만드는 프로젝트를 진행한다. 프로젝트를 진행하며 StatusBar 컴포넌트, AsyncStorage 등의 사용법에 대해 다룬다.
● 6장에서는 리액트 Hooks에 대해 배운다. 함수형 컴포넌트에서 상태를 관리하고 그 외 다양한 작업을 위한 Hooks의 종류와 사용 방법에 대해 알아본다.
● 7장에서는 Context API에 대해