#ReactNative #RN

길벗 출판사의 “리액트 네이티브를 다루는 기술”을 소개합니다.

이전에 감명 깊게 읽었던 “리액트를 다루는 기술”의 작가이자, 벨로퍼트 사이트의 김민준 작가님의 비교적 최근 도서로, RN - 리액트 네이티브를 다루고 있습니다. 리액트 네이티브는 IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼으로, 페이스북에서 만든 오픈소스 프레임워크라는 사실은 널리 알려져 있습니다.

성능 이슈가 없다면야 네이티브 기반 개발은 제외한다면, IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼의 대결은 플러터 vs 리액트 네이티브로 좁혀지지 않았나 싶습니다.

도서 목차는 다음과 같습니다.

1장 리액트 네이티브 첫걸음

2장 컴포넌트

3장 할 일 목록 만들기 I

4장 할 일 목록 만들기 II

5장 리액트 내비게이션으로 여러 화면 관리하기

6장 다이어리 앱 만들기 I

7장 다이어리 앱 만들기 II

8장 Firebase로 사진 공유 앱 만들기 I

9장 Firebase로 사진 공유 앱 만들기 II

10장 네이티브 모듈 만들기

11장 네이티브 UI 컴포넌트 사용하기

12장 리액트 네이티브 프로젝트에서 타입스크립트 사용하기

13장 라이브러리를 사용한 상태 관리

14장 Strapi로 REST API 서버 빠르게 구축하기

15장 리액트 쿼리를 사용한 API 상태 관리

16장 앱 스토어와 구글 플레이에 리액트 네이티브 앱 등록하기

책의 구성을 보면, React Native를 다루고 있으나 문법에 대한 비중이 그리 높지 않다는 것을 알 수 있습니다. React에 대한 문법은 2장 컴포넌트에 설명이 전부이고,

2장 컴포넌트

__2.1 나만의 컴포넌트 만들기

__2.2 Props

__2.3 defaultProps

__2.4 JSX 문법

____2.4.1 태그를 열면 반드시 닫아주기

____2.4.2 스스로 닫는 태그 사용하기

____2.4.3 반환할 땐 꼭 하나의 태그로 감싸기

____2.4.4 JSX 안에서 자바스크립트 표현식을 보여줄 땐 중괄호로 감싸기

____2.4.5 주석 작성하기

__2.5 StyleSheet로 컴포넌트에 스타일 입히기

____2.5.1 Props로 컴포넌트 스타일을 커스터마이징하기

__2.6 Props 객체 구조 분해 할당

__2.7 useState Hook으로 상태 관리하기

____2.7.1 useState 사용해보기

____2.7.2 Button 컴포넌트 사용하기

____2.7.3 조건부 렌더링 구현하기

__2.8 카운터 만들기

____2.8.1 UI 준비하기

____2.8.2 Counter 컴포넌트에 Props 설정하기

____2.8.3 App에서 상태 관리하기

__2.9 정리

문법보다는 To do list, 다이어리 앱, 사진 공유 앱, 게시판과 같은 여러 종류의 앱을 만들어 보면서 React Native를 이해할 수 있도록, 내용 비중이 문법보다는 프로젝트 비율이 높도록 구성 되어 있습니다. React에 대한 문법적인 부분은 작가의 이전 도서인 “리액트를 다루는 기술 - 입문부터 대규모 애플리케이션까지 한 권으로” 개정판 도서를 참고하는 것이 나을 것이고, 다시 생각해보면 본 도서인 “리액트 네이티브를 다루는 기술”은 “리액트를 다루는 기술”를 RN으로 확장한 것으로 알 수 있습니다.

당연한 얘기겠지만, React가 아닌 React Native인 이유는 네이티브 코드와의 연동을 위해서 이고, 이는 10장과 11장에는 네이티브 코드에 대한 학습을 하게 되는데, 스위프트와 코틀린으로 네이티브 모듈을 만들어서 각각의 OS에 적용하는 것을 다루고 있습니다.\

10장 네이티브 모듈 만들기

__10.1 안드로이드에서 Toast 사용하기

____10.1.1 모듈 작성하기

____10.1.2 메서드 작성하기

____10.1.3 상수 내보내기

____10.1.4 패키지 작성하기

____10.1.5 패키지 등록하기

____10.1.6 자바스크립트에서 네이티브 모듈 사용하기

__10.2 iOS에서 Alert 띄우기

____10.2.1 모듈 작성하기

____10.2.2 메서드 작성하기

____10.2.3 상수 내보내기

____10.2.4 자바스크립트에서 네이티브 모듈 사용하기

__10.3 코틀린으로 네이티브 모듈 만들어보기

____10.3.1 프로젝트에 코틀린 적용하기

____10.3.2 모듈 작성하기

____10.3.3 패키지 작성하기

____10.3.4 패키지 등록하기

____10.3.5 메서드 구현하기

____10.3.6 자바스크립트에서 네이티브 모듈 사용하기

__10.4 스위프트로 네이티브 모듈 작성하기

____10.4.1 모듈을 프로젝트에 등록하기

____10.4.2 메서드 작성하기

____10.4.3 메서드 구현하기

____10.4.4 상수 내보내기

____10.4.5 자바스크립트에서 네이티브 모듈 사용하기

__10.5 정리

11장 네이티브 UI 컴포넌트 사용하기

__11.1 안드로이드 카운터 만들기

____11.1.1 레이아웃 만들기

____11.1.2 레이아웃에 TextView와 Button 추가하기

____11.1.3 View 클래스 만들기

____11.1.4 Manager 클래스 만들기

____11.1.5 패키지 작성 및 등록하기

____11.1.6 네이티브 컴포넌트 불러와서 사용하기

____11.1.7 View 결합 기능 사용하기

____11.1.8 컴포넌트에 Props 연동하기

____11.1.9 이벤트 설정

__11.2 iOS 카운터 만들기

____11.2.1 View 클래스 만들기

____11.2.2 Manager 클래스 만들기

____11.2.3 텍스트와 버튼 보여주기

____11.2.4 Props 연동하기

____11.2.5 이벤트 설정하기

__11.3 정리

“12장 리액트 네이티브 프로젝트에서 타입스크립트 사용하기”에서 타입스크립트를 기반으로 게시판을 만들어보는 프로젝트를 진행합니다. 물론 타입스크립트의 기초 문법 또한 하나하나 알켜주기 떄문에 필요 이상의 긴장할 필요는 없습니다. 게시판을 만들면서 회원가입, 로그인, 게시판 글과 댓글의 CRUD(등록, 조회, 수정, 삭제) 기능을 구현합니다. 그리고 마지막에서는 개발된 앱을 애플 스토어와 구글 플레이 스토어에 배포하는 내용까지 다루고 있다

앞서 말씀 드렸지만, 본 도서는 문법에 대한 비중을 줄이는 대신에 ? 문법에 대한 부분은 저자의이전 출간 도서인, 리액트를 다루는 기술 - 입문부터 대규모 애플리케이션까지 한 권으로… 개정판…을 참고하기 바란다. ? 이보다는 실전 프로젝트, 가령 카운터 앱을 제외하더라도, TODO, 날씨, 영화 소개, SNS UI 클론 앱 등을 직접 만들어 보면서 React Native를 적용해보고 이에 대해 빠르게 이해할 수 있도록 응용에 대한 부분에 초점을 맞춰서 작성되었다는 것을 알 수 있습니다. 앱을 직접 개발하면서 리액트의 주요 개념인 Props와 State, 클래스 컴포넌트, 함수형 컴포넌트, Context와 Asynstorage, 외부 API 사용, …등을 사용하는 방법 등을 익히고 확장할 수 있을 것이다.

저자의 이전 책으로 미루어 보건데, 책을 잘 쓰시는 분이시라 그런지, 도서의 두께에 비해서 내용은 정리가 잘되어 있고, 무엇을 말하려는지 깔끔하다는 인상을 많이 받았습니다. 다만 문법적인 부분은 디테일하게 깊게 들어가지 않으므로 별도 공부를 하는 것이 필요해 보입니다. 프로젝트 개발에 대해서 가치를 가지는 도서이기에, 구매력이 충분한 도서라고 말씀 드리고 싶습니다.

"길벗 출판사의 리뷰 활동을 위해서 책을 제공받아 작성된 서평입니다."

어떤 한 언어에 익숙해지려면 그 언어를 질릴 정도로 연습하고,
개발에 익숙해지려면 개발에 맞는 프로젝트를 많이 만들어 봐야 한다고 생각합니다.
흔히 IT에서는 "백문이 불여일타"라고 합니다, 이 책은 연습하면서 익히기에는 정말 최적의 책이라고 생각합니다.

특히나 페이스북, 인스타그램등과 같은 최신 트렌드의 애플리케이션 개발에 관심있는 분들이 읽으실 책이라고 생각이 듭니다. 

(두꺼운 실무용 서적에 반감이 없으신 분들께 적극 권장 드립니다.)

아직 읽은지 며칠 되지 않았지만, 책을 앞으로 읽으실, 그간 읽어오며 느꼈던 점을 몇 자 적어보았습니다.

이 책은 두꺼운 장수만큼 많은 내용을 담고 있습니다.
리액트 네이티브 개념에서부터, 기능 구현까지 다양한 내용을 총망라하고 있습니다.
iOS/ Windows 상에서 설치하는 내용에서부터 프로젝트 내용을 세세하게 다루고 있습니다.
본인의 실력이 부족한데 책을 읽을 수 있을까? 라는 걱정은 안하셔도 될 것 같습니다.

- 책의 주요 독자층 : 주니어 ~ 경력 개발자들까지 다양하게 읽으실 수 있을 것 같습니다.

책을 통해 하나하나 구현해 나가면서 포트폴리오를 만들어보세요.
만약 리액트 네이티브 면접을 준비하신다 하셨을때는 면접에 맞는 내용들을 조금씩 더 정리할 필요는 있을 것 같습니다.
책은 실습 중심으로 이루어져 있기 때문입니다.

책의 구성 내용은 컴포넌트, 내비게이션, 네이티브 모듈, 리덕스, 리코일 등과 같은 라이브러리 등에 대해서도 세세하게 다루고 있고,
책의 중간 중간 리소스를 익히며 만드는 프로젝트성 내용들도 담고 있습니다.

- 책의 학습법 : 책을 학습하실때, 스터디 그룹 등을 적극 활용하시거나 강제성이 부여된 프로젝트 팀 단위로 구성하여 진도를 나가는 것이 좋지 않을까 싶습니다.