ReactNative 리액트네이티브 시작을 위한 설치목록 (MacOS 환경)

node.js와 npm, VSCode 설치되어있다는 가정하에 진행

 

 

1. yarn

: npm과 같은 패키지 관리 도구. npm보다 패키지를 더 빨리 설치한다

npm install --global yarn

 

2. Java Development Kit

: 안드로이드 앱 개발을 위해 필요하다 (버전 8 이상 설치)

HomeBrew를 통해 편하게 설치가 가능하다

brew install --cask adoptopenjdk/openjdk/adoptopenjdk8

 

3. WatchMan (권장)

: 페이스북이 만든 파일 모니터링 도구 (MacOS만 지원)

brew install watchman

 

4. 안드로이드 스튜디오

: 안드로이드 앱 개발을 위해 필요하다

 

https://developer.android.com/studio?hl=ko 

Download Android Studio and SDK tools  |  Android Developers

 

초록색 버튼 클릭해서 다운로드 시작

Install Type에서 custom으로 변경해 Next 누르고, 나머지는 다 Next 버튼을 누르면 된다.

 

5. 안드로이드 MacOS에서 환경 변수 설정

: MacOS 카탈리나 미만의 버전을 사용한다면 bash, 나머지는 zsh이 기본 셸로 설정되어있다.

zsh은 $HOME/.zprofile(또는 /.zshrc), bash는 $HOME/.bach_profile(또는 ./bashrc) 파일을 수정해야 한다.

 

nano $HOME/.zprofile

 

export ANDROID_HOME=$HOME/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/emulator

export PATH=$PATH:$ANDROID_HOME/tools

export PATH=$PATH:$ANDROID_HOME/tools/bin

export PATH=$PATH:$ANDROID_HOME/platform-tools

 

위의 코드를 입력 후, Crtl + X,Y,Enter를 순차적으로 눌러준다.

 

6. Xcode, CocoaPods

: IOS 프로젝트를 위한 도구

 

Xcode: AppStore에서 설치

CocoaPods: sudo gem install cocoapods

 

 

 

 

Ref.

리액트 네이티브를 다루는 기술 - 김민준