[React Native] 개발 환경 설정

리액트 네이티브란? 리액트 네이티브는 페이스북이 만든 오픈소스 모바일 애플리케이션 프레임워크이다. 모바일 크로스 플랫폼으로서 하나의 프로그래밍 언어로 iOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 오픈소스이다.

 

 

 

# 맥 개발 환경 설정

1. Homebrew 설치

Homebrew

홈브루 사이트에서 Install Homebrew 항목 밑 설치 명령어 입력

brew --version   # 제대로 설치되었는지 확인

 

2. Node 설치
리액트 네이티브는 자바스크립트 기반으로 동작하기 때문에 노드의 설치가 필요하다.

brew install node
node --version  # 제대로 설치되었는지 확인

노드를 설치하면, 노드의 패키지를 관리하는 노드 패키지 매니저(npm, Node Package Manager)도 함께 설치된다.

npm --version   # 제대로 설치되었는지 확인

 

3. Watchman 설치

왓치맨은 특정 디렉토리나 파일을 감시하다가 변경이 발생하면 특정 동작을 실행(Trigger)하도록 하는 역할을 한다. 리액트 네이티브는 소스코드의 변경이 발생하면 자동적으로 빌드하고 디바이스 또는 시뮬레이터에 업로드하기 위해 왓치맨을 사용한다.

brew install watchman
watchman --version    # 제대로 설치되었는지 확인

 

4. 리액트 네이티브 CLI(Command Line Interface) 설치

리액트 네이티브를 시작하는 방법은 엑스포 CLI 와 리액트 네이티브 CLI, 두 가지 방법이 있다. 엑스포 CLI는 리액트 네이티브에서 자주 사용되는 오픈소스 네이티브 모듈(위치 정보, 사진, 센서 등)을 패키지로 묶어서 제공하지만, 실제 서비스에 불필요한 네이티브 모듈도 포함하여 파일 사이즈가 커지는 문제와 엑스포 CLI에서 제공하지 않는 네이티브 모듈을 사용하기 위해 거쳐야 하는 단점이 있어 리액트 CLI를 사용하는 것을 권장한다.

npm install -g react-native-cli
react-native --version   # 제대로 설치되었는지 확인

 

5. Xcode 설치

iOS 모바일 앱을 개발하기 위해선느 맥 OS와 iOS 개발 툴인 Xcode가 필요하다.

‎Xcode

 

6. Cocoapods 설치

코코아포드는 iOS 개발에 사용되는 의존성 관리자이다. 노드와 노드 패키지 관리자 관계와 비슷한 관계이다.

sudo gem install cocoapods
pod --version   # 제대로 설치되었는지 확인

 

7. JDK 설치

안드로이드를 개발하기 위해서는 안드로이드의 개발 언어인 자바가 필요하다. 자바로 개발하기 위해서는 자바 개발 킷(JDK, Java Development Kit)을 설치할 필요가 있다.

brew tap AdoptOpenJDK/openjdk
brew install --cask adoptopenjdk16
java --version   # 제대로 설치되었는지 확인