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

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

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

지은이

김범준

출간일

2021.02.01

레벨

초급

평점

4.9(45명)

정가

23,200

총 결제 금액

23,200

전자책 사용 안내

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

쪽수

492P

ISBN

9791162247143

브랜드

한빛미디어

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

 

단순히 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 마치며

- 이 책 이후에

리뷰

전체 평점

4.9

오탈자

등록된 오탈자가 없어요

오탈자를 발견하셨다면 작성해주세요.

23,200

23,200