Do it! 리액트 네이티브 앱 프로그래밍

타입스크립트와 훅으로 나만의 인스타그램 앱 만들기

전예홍 지음

이지스퍼블리싱 2021년 04월 29일 출간 종이책 : 2021년 05월 09일 출간

작품소개

책소개

모바일 앱 제작 방식이 바뀐다!
페이스북이 권장하는 방식 그대로 안드로이드와 iOS 앱을 한 번에 만들자!

이 책은 크로스플랫폼 방식의 모바일 앱 개발 프레임워크인 리액트 네이티브를 다룬다. 리액트 네이티브로 개발한 앱을 플랫폼별 코드로 빌드하면 안드로이드와 iOS 앱을 한 번에 만들 수 있어 시간과 비용을 아낄 수 있다. 특별히 이 책은 리액트 진영의 최신 개발 트렌드인 타입스크립트와 함수 컴포넌트를 이용해 모바일 앱을 개발하며, 앱의 여러 가지 기능은 페이스북이 권장하는 리액트 훅 방식으로 작성한다. 그리고 모든 실습을 마치면 역동적인 애니메이션 기능까지 구현된 나만의 인스타그램 앱을 실제 스마트폰에서 동작해 볼 수 있다.

목차

=============================
01 리액트 네이티브 개발 환경 갖추기
=============================
01-1 리액트 네이티브 프레임워크 소개
01-2 윈도우에서 개발 환경 갖추기
01-3 맥에서 개발 환경 갖추기
01-4 비주얼 스튜디오 코드 환경 설정과 사용법
01-5 첫 번째 모바일 앱 만들기

=============================
02 리액트 네이티브 기본 다지기
=============================
02-1 리액트 네이티브 프레임워크의 작동 원리
02-2 JSX 구문 탐구하기
02-3 컴포넌트와 속성 이해하기
02-4 컴포넌트의 이벤트 속성 이해하기

=============================
03 컴포넌트 스타일링
=============================
03-1 style 속성과 StyleSheet API 이해하기
03-2 View 컴포넌트와 CSS 박스 모델
03-3 자원과 아이콘 사용하기
03-4 컴포넌트 배치 관련 스타일 속성 탐구하기
03-5 재사용할 수 있는 컴포넌트 만들기

=============================
04 함수 컴포넌트와 리액트 훅
=============================
04-1 리액트 훅 맛보기
04-2 useMemo와 useCallback 훅 이해하기
04-3 useState 훅 이해하기
04-4 useEffect와 useLayoutEffect 훅 이해하기
04-5 커스텀 훅 이해하기

=============================
05 콘텍스트와 ref 속성
=============================
05-1 콘텍스트 이해하기
05-2 useRef 훅 이해하기
05-3 useImperativeHandle 훅 이해하기

=============================
06 리액트 네이티브 애니메이션
=============================
06-1 처음 만나는 리액트 네이티브 애니메이션
06-2 transform 스타일 속성에 적용하는 애니메이션
06-3 여러 개의 애니메이션 한꺼번에 실행하기
06-4 PanResponder API 이해하기

=============================
07 리액트 내비게이션
=============================
07-1 리액트 내비게이션 패키지 이해하기
07-2 스택 내비게이션 이해하기
07-3 탭 내비게이션 이해하기
07-4 드로어 내비게이션 이해하기

=============================
08 리덕스 이해하기
=============================
08-1 리덕스의 기본 개념
08-2 combineReducers 함수 이해하기
08-3 리덕스 미들웨어 이해하기

=============================
09 엑스포 앱 이해하기
=============================
09-1 엑스포 앱 만들기
09-2 베어 워크플로 프로젝트 퍼블리싱
09-3 JSON 웹 토큰 기반 인증 서버 만들기
09-4 카메라 앱 만들기

찾아보기

출판사 서평

==========
「이 책의 특징」
==========

※ 모든 실습을 마치면 인스타그램 같은 앱을 만들 수 있습니다.
※ 소스 코드 곳곳에 말풍선으로 해설을 넣어 분석하는 데 도움을 줍니다.
※ 모든 실습 결과마다 안드로이드폰과 아이폰에서 빌드한 실행 화면을 동시에 제공합니다.
※ 실무에서 바로 써먹을 수 있는 고품질 소스 코드를 제공하며 코딩 컨벤션을 지켜 작성했습니다.
※ 〈예홍쌤의 한마디〉 코너에서는 한 걸음 더 깊이 들어가 타입스크립트 고급 기법, 자주 묻는 내용, 개발 도구 활용법 등을 알려 줍니다.
※ 리액트 네이티브 개발자를 포함해 베타테스터 3명이 최신 버전의 개발 도구에서 전체 실습 과정과 소스를 검증했습니다.

▶ 많은 기업에서 리액트 네이티브로 앱을 만들기 시작했어요 ◀
리액트 네이티브는 2015년 봄에 발표된 후 페이스북, 인스타그램, 테슬라, 월마트, 스카이프 등 수많은 글로벌 기업에서 사용해 왔지만, 국내 기업에서는 2020년 여름에 발표된 안정화(v0.63.1) 버전 이후부터 본격적으로 사용하기 시작했습니다. 많은 기업에서 개발의 생산성과 효율성을 고려해 기존의 플랫폼별 네이티브 앱을 크로스플랫폼 앱으로 통합하고 있으며, 이에 따라 리액트 네이티브 개발자가 점점 필요해지고 있습니다. 바로 지금이 리액트 네이티브를 시작할 최적기라고 할 수 있습니다.

▶ 100% 타입스크립트와 함수 컴포넌트로 작성된 코드를 만나세요 ◀
이 책은 다른 곳에서 찾아보기 어려운 100% 타입스크립트 코드로 모바일 앱을 만듭니다. 타입스크립트는 강력한 타입 기능 덕분에 자바스크립트보다 개발과 디버깅에 드는 시간과 노력을 아끼면서 코드를 더 견고하게 작성할 수 있습니다. 따라서 규모가 큰 프로젝트일수록 타입스크립트로 개발하는 것을 선호하는 추세이며 많은 스타트업에서도 타입스크립트 개발자를 찾고 있습니다.
또한 이 책은 클래스 기반이 아닌 페이스북이 권장하는 리액트 훅 방식으로 앱의 각종 기능을 구현합니다. useState, useEffect, useCallback과 같은 기본 훅 함수는 물론, useMemo, useReducer, useContext, useImperativeHandle과 같은 잘 알려지지 않은 훅과 다양한 커스텀 훅을 직접 구현하기도 합니다.

▶ 실무에서 바로 써먹을 수 있는 코딩 기법이 가득해요 ◀
이 책은 리액트 애니메이션의 거의 모든 기능을 비중 있게 설명하며 리액트 네이티브 앱 개발에 필수인 내비게이션과 리덕스 기능도 훅으로 구현합니다. 그리고 모바일 앱에 필요한 JSON 웹 토큰 방식의 사용자 등록과 로그인 기능을 익스프레스 서버에 구현하고 리액트 네이티브 앱에서 접속합니다. 또한 범용으로 재사용할 수 있는 컴포넌트 등을 만들고 이를 이용하는 코드를 작성하는 방식으로 구성해서 실무에서 팀 단위로 개발하는 방법을 자연스럽게 배울 수 있습니다.

▶ 윈도우와 맥에서 개발 환경을 모두 설명하고 전체 소스를 제공해요 ◀
이 책은 윈도우에서 안드로이드 앱 개발 환경뿐만 아니라 맥에서 iOS와 안드로이드 앱 개발 환경까지 모두 다룹니다. 또한 전체 소스 코드를 제공하므로 쉽게 테스트해 볼 수 있습니다. 모든 프로젝트는 expo로 진행하는 튜토리얼 수준에 그치지 않고, 실제 개발 환경처럼 CLI를 이용해 프로젝트를 생성하고 리액트 네이티브 프로젝트 구성에 맞게 코드를 작성합니다.

==========
「이 책의 구성」
==========
01 리액트 네이티브 개발 환경 갖추기
리액트 네이티브 앱 개발에 필요한 다양한 도구를 맥과 윈도우에 설치하는 방법, 안드로이드폰과 아이폰 에뮬레이터의 기본 사용법을 설명합니다.
02 리액트 네이티브 기본 다지기
JSX 구문과 컴포넌트, 컴포넌트 속성 그리고 이벤트 처리기 등 리액트와 리액트 네이티브 양쪽에서 공통으로 사용하는 부분을 설명합니다.
03 컴포넌트 스타일링
폰트, 이미지, 아이콘 등을 이용해 컴포넌트를 예쁘게 스타일링하는 방법을 알아봅니다. 리액트 방식과 리액트 네이티브 방식의 앱 스타일링은 어떤 차이점과 공통점이 있는지 살펴볼 수 있습니

작가정보

저자(글) 전예홍

저자 : 전예홍
연세대학교 전자공학과를 졸업하고 카이스트 대학원에서 전자공학 석사를 받았다. 1990년부터 30년 넘게 프로그램을 개발해 왔다. 한국 마이크로소프트에서 수석 개발 컨설턴트 리드(ADC Lead)로 근무했으며 Node.js 환경에서 동작하는 프로그램 개발에 능통하다. 특히 리액트와 리액트 네이티브, 앵귤러 프레임워크의 전문가다. 그동안 개발한 제품으로 대통령상을 받았고 정보통신부 장관상을 3회 받았다. 아시아 100대 보안 기업 제품 가운데 1등으로 뽑혀 말레이시아 국왕이 주는 대상을 받기도 했다. 대표 저서로는 《Do it! 타입스크립트 프로그래밍》(이지스퍼블리싱, 2020)이 있다.