React Native 개발환경 세팅(Mac)

개발 환경설정

  • Mac OS

1. HomeBrew 설치
맥OS 용 패키지 관리 어플리케이션
https://brew.sh/

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
$ brew --version

2. Nodejs 설치
비동기 이벤트 주도 JavaScript 런타임
https://nodejs.org/ko/

$ brew install node
$ node -v
$ npm -v

3. Watchman 설치
특정 디렉토리나 파일을 감시하다가 변화가 생기면 특정 동작을 실행
https://facebook.github.io/watchman/

$ brew install watchman
$ watchman --version

4. React Native CLI 설치
실제 상용 서비스 개발은 React Native CLI

$ npm install -g react-native-cli
$ react-native --version

5. Xcode 설치
5.1. App Store에서 다운로드 후 설치
5.2. 설치 후 Xcode -> Preferences... -> Command Line Tool 설정

6. Cocoapods 설치
Cocoapods는 iOS 개발에 사용되는 의존성 관리자

$ sudo gem install cocoapods
$ pod --version

7. JDK 설치
안드로이드 앱 개발을 위해서 설치

$ brew tap AdoptOpenJDK/openjdk
$ brew cask install adoptopenjdk8
$ java -version

8. Android Studio 설치
안드로이드 앱 개발을 위해서 설치
https://developer.android.com/studio

9. 안드로이드 환경변수 설정
~/.bash_profile 또는 ~/.zshrc 파일 안에 안드로이드 환경변수를 설정

export ANDROID_HOME=<SDK 경로>/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

-> React Native 개발환경 세팅 완료!

좋은 웹페이지 즐겨찾기