김범준의 핸즈온 리액트 네이티브 (프로젝트를 시작하며 익히는 크로스 플랫폼 모바일 앱 개발)

김범준

IT기술을이용해어떤것을만들고누군가에게무언가를가르치는것이좋아서꾸준히관련활동을여러가지하고있는풀스택웹개발자입니다.여러회사를거쳐Sendbird(https://sendbird.com/)라는글로벌B2B회사에서근무하다가현재는미국에서새로운도전을준비하고있습니다.

1장.리액트네이티브시작하기
1.1들어가기전에
1.2개발환경준비하기
1.3리액트네이티브프로젝트생성하기
1.4JSX문법알아보기
1.5Prettier와ESLint
1.6마치며

2장.계산기만들기I
2.1프로젝트준비하기
2.2컴포넌트와스타일
2.3Button컴포넌트와props
2.4화면에결과출력하기
2.5마치며

3장.계산기만들기II
3.1화면분할과정렬
3.2StatusBar컴포넌트로상태바수정하기
3.3버튼배치하기
3.4계산기로직만들기
3.5마치며

4장.ToDo리스트만들기I
4.1프로젝트준비하기
4.2로그인화면만들기
4.3Image컴포넌트로이미지넣기
4.4TextInput컴포넌트로입력칸만들기
4.5KeyboardAvoidingView컴포넌트로입력화면조절하기
4.6Input컴포넌트입력값받기
4.7Input컴포넌트꾸미기
4.8useRefHook으로입력칸이동하기
4.9로그인버튼만들기
4.10마치며

5장.Todo리스트만들기II
5.1리액트내비게이션으로화면전환하기
5.2화면옵션설정하기
5.3화면일부가가려지는문제해결하기
5.4로그인여부에따른화면관리하기
5.5마치며

6장.ToDo리스트만들기III
6.1목록화면만들기
6.2추가기능만들기
6.3데이터저장하고불러오기
6.4삭제기능만들기
6.5완료기능만들기
6.6마치며

7장.여행사진공유앱만들기I
7.1프로젝트준비하기
7.2앱아이콘과로딩화면변경하기
7.3인증화면준비하기
7.4화면만들기
7.5Assets캐싱하기
7.6마치며

8장.여행사진공유앱만들기II
8.1Firebase사용하기
8.2탭내비게이터사용하기
8.3홈화면만들기
8.4프로필화면만들기
8.5마치며

9장.여행사진공유앱만들기III
9.1프로필수정기능만들기
9.2이미지피커만들기
9.3FirebaseStorage에사진업로드하기
9.4마치며

10장.여행사진공유앱만들기Ⅳ
10.1글작성하기
10.2GooglePlacesAPI사용하기
10.3FirebaseFirestore사용하기
10.4EventEmitter로이벤트발생시키기
10.5내가쓴글목록과수정및삭제기능만들기
10.6Map화면만들기
10.7마치며

처음부터프로젝트를시작하며익히는리액트네이티브

이책은바로프로젝트를시작하면서리액트네이티브를학습합니다.프로젝트를진행하면서만들고싶은모습이나기능구현을위해필요한것이생긴다면그에대한내용을공부하는방법으로리액트네이티브의기초/핵심요소와관련기술활용법을익힙니다.

★대상독자&선수지식

리액트네이티브를처음접하는입문자를대상으로합니다.자바스크립트를다뤄본경험이있다면이책을보는데수월할것입니다.리액트네이티브를다루면서필요한경우리액트핵심내용을설명하고있기때문에별도로리액트에대해학습할필요없이이책의학습과정을따라갈수있습니다.

★이책의구성

이책은세가지프로젝트를진행하며리액트네이티브에서모바일앱을개발하는방법에대해알아봅니다.

 계산기만들기
더하기와빼기기능만있는간단한계산기를만들어봅니다.계산기를만들어보며컴포넌트와스타일그리고상태를생성하고관리하는방법에대해알아봅니다.그리고계산기화면을구현하고기능을추가해프로젝트를완성해봅니다.

 ToDo리스트만들기
ToDo리스트만들기프로젝트를통해값을입력받는방법을배우고목록을다루는방법에대해배웁니다.또한로그인화면을만들어서사용자인증과정을경험해봅니다.

 여행사진공유앱만들기
서버를활용해서여러사용자가함께사용할수있는사진공유앱을만들어봅니다.이과정에서리액트내비게이션의네이티브스택내비게이터와탭내비게이터를사용하고,Firebase를사용해서서버에데이터를저장하고불러오는방법에대해알아봅니다.또한다양한라이브러리를사용해보고지도와GooglePlacesAPI를사용해위치를검색하는기능을구현해봅니다.

★이책을통해배우는내용

 리액트네이티브사용에필요한리액트지식:컴포넌트,props와state,Hooks,ContextAPI
 리액트네이티브프로젝트에반드시필요한내비게이션기능활용법:리액트스택내비게이터,탭내비게이터
 Firebase기본사용법:Authentication,Storage,Firestore

★예제소스
https://bit.ly/github-hands-on-rn