추가 적립 안내

채팅 앱을 구현하며 리액트 네이티브의 입문부터 테스트까지

단순히 UI 컴포넌트를 설명하는 이론서가 아니라, 실제로 간단한 모바일 앱을 만들면서 디버깅과 배포까지 빠르게 입문할 수 있는 책이다. 자바스크립트의 기본 지식을 알고 있으며, 자바스크립트 ES6 문법에 대해 이해하고 있다면 읽기에 더욱 편하다. 핵심 내용부터 먼저 보면서 리액트 네이티브의 사용 방법을 익힌 후, 직접 애플 앱 스토어와 구글 플레이 스토어에 배포하도록 구성했다. 이 책의 목표는 리액트 네이티브 완전 정복이 아니다. 리액트 네이티브를 부담 없이 쉽게 시작하여 무엇이든 하나라도 만들어보고 싶다면 바로 지금이다!

● 컴포넌트/스타일링
● 할 일 관리 애플리케이션 만들기
● Hooks/Context API
● 리액트 내비게이션/스택 내비게이션/탭 내비게이션
● 채팅 애플리케이션 만들기
● iOS/안드로이드 배포하기
● 버전 업그레이드

총 10개 장으로 구성되어 있으며 실습은 Expo 프로젝트로 진행한다. 핵심 내용 위주로 설명되어 있고, 다음 과정을 통해 리액트 네이티브의 사용 방법을 익힌 후 직접 애플 앱 스토어와 구글 플레이 스토어에 배포까지 해볼 수 있도록 구성했다.

● 1장에서는 리액트 네이티브란 무엇인지, 장단점은 무엇인지, 어떻게 동작하는지 알아본다.
● 2장에서는 리액트 네이티브를 개발하기 위한 개발 환경을 구성하고 리액트 네이티브 프로젝트를 생성하여 실행해본다. 리액트 네이티브 환경 설정은 운영체제의 종류와 상관없이 개발을 진행할 수 있도록 맥과 윈도우 환경 모두 다루고 있다. 리액트 네이티브의 프로젝트를 생성을 위해 Expo를 이용하는 방법과 리액트 네이티브 CLI를 이용하는 방법을 알아본다.
● 3장에서는 리액트 네이티브를 사용하기 위해 JSX의 특징과 사용법에 대해 알아보고 컴포넌트에 관해 살펴본다. 또 컴포넌트에서 중요한 상태와 속성에 대해서도 알아보고 많이 사용되는 이벤트를 다뤄본다.
● 4장에서는 컴포넌트에 스타일을 적용하는 방법에 대해 알아본다. 리액트 네이티브에서 사용되는 스타일의 특성에 대해 살펴보고, 리액트 네이티브 스타일의 단점을 보완하기 위해 스타일드 컴포넌트를 사용하는 방법을 익힌다.
● 5장에서는 3장과 4장에서 공부한 내용을 바탕으로 간단한 할 일 관리 애플리케이션을 만드는 프로젝트를 진행한다. 프로젝트를 진행하며 StatusBar 컴포넌트, AsyncStorage 등의 사용법에 대해 다룬다.
● 6장에서는 리액트 Hooks에 대해 배운다. 함수형 컴포넌트에서 상태를 관리하고 그 외 다양한 작업을 위한 Hooks의 종류와 사용 방법에 대해 알아본다.
● 7장에서는 Context API에 대해 살펴본다. Context API를 통해 상태를 전역적으로 관리함으로써 여러 컴포넌트에서 동시에 접근하고 관리하는 방법을 익힌다.
● 8장에서는 화면 전환과 구성을 위해 내비게이션을 사용하는 방법을 알아본다. 이 책에서는 리액트 내비게이션 라이브러리의 스택 내비게이션과 탭 내비게이션에 대해 그 특징과 사용법에 대해 살펴본다.
● 9장에서는 앞에서 공부한 모든 내용을 이용하여 채팅 애플리케이션을 만드는 프로젝트를 진행한다. 프로젝트를 진행하는 과정에서 FlatList 컴포넌트, ActivityIndicator 컴포넌트 등의 리액트 네이티브 기능뿐 아니라, 다양한 라이브러리와 파이어베이스에 대해서도 함께 다룬다.
● 10장에서는 9장에서 완성한 프로젝트를 직접 애플 앱 스토어와 구글 플레이 스토어에 배포하는 방법을 알아본다.

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 마치며
- 이 책 이후에