나에게 필요한 지식과 기술을 검색해 보세요.

처음 배우는 리액트 네이티브

크로스 플랫폼 앱 개발을 위한 실전 입문서

지은이

김범준

출간일

2021.02.01

레벨

초급

평점

4.9(45명)

정가

23,200

총 결제 금액

23,200

전자책 사용 안내

전자책은 웹뷰어와 한빛+ 앱에서 열람할 수 있으며 PDF 다운로드는 지원되지 않습니다.

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

 

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

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

  

detail_10387.jpg

 

출판사 리뷰

총 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 마치며

- 이 책 이후에

리뷰

오탈자

23,200

23,200