[React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기

* 리액트 네이티브란?

React Native는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 합니다.

 

리액트 네이티브를 선택한 이유

1. 새로운 언어를 배워서 개발하기에는 부담스러움

2. 안드로이드/IOS 환경에서 동작하는 앱을 만들고 싶지만 각각 개발하기는 귀찮음

이런 두 가지 이유로 고민하고 있었는데, 리액트 네이티브는 한 프로젝트로 두 가지 환경에서 구동이 가능했고 Javascript 기반이라 웹을 개발했던 사람이라면 쉽게 접근할 수 있는 장점이 있어 선택하게 되었습니다.

 

* 리액트 네이티브 개발환경 구축하기

리액트 네이티브를 개발하기 위해서 'Expo'와 'React-Native-Cli' 를 사용합니다.

보통 Expo를 사용하다가 익숙해지면 React-Native-Cli를 사용하라고 하는데, Expo를 사용하면 제공되는 라이브러리가 아니면 사용할 수 없고 용량이 크다고 하여 처음부터 React-Native-Cli로 진행하려고 합니다. 

React-Native-Cli 로 진행할 경우 Android Studio와 XCode를 설치하여 진행해야 합니다. 하지만 저는 윈도우 환경이어서 Android Studio로만 작업을 진행할 예정입니다. ios용 작업도 필요하다면 맥으로 작업하거나 Expo로 작업하시는 걸 추천드립니다.

	장점	단점
React-Native-Cli	- Native 모듈 사용 자유도가 높음  - 모듈 직접 제작 가능  - 원하는 언어로 추가 작성 가능  - 빌드 제어 가능	- 프로젝트 환경 구축 및 개발 시간 소요  - 각각의 라이브러리 설치 필요  - Android Studio, XCode 설치하여 작업
Expo	- 앱을 쉽게 만들고 쉽게 빌드 가능  - Android Studio, XCode 설치없이 작업  - 다양한 API 지원  - 파일 자동 관리	- 제공되는 API 만 사용 가능  - 빌드 시간 10-30분 소요  - 제공해주는 기능과 모듈만 사용 가능

 

* 설치 방법 및 순서

1. Node.js 설치

2. React Native CLI 설치

3. JDK 설치

4. 안드로이드 스튜디오 설치

5. 프로젝트 생성 및 실행

Chocolatey를 설치하면 간편하게 패키지를 설치할 수 있으나 설치하지 않아도 환경 설정이 가능하여 사용 안 하고 진행했습니다. Python도 빌드하려면 설치해야 하지만 프로젝트 실행하는 데 이상이 없어 일단 진행합니다. 나중에 필요하게 되면 그때 설치하도록 합니다.