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

단순히 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장에서 완성한 프로젝트를 직접 애플 앱 스토어와 구글 플레이 스토어에 배포하는 방법을 알아본다.

김범준