---

React Native 맥(Mac) 개발환경 세팅

하이브리드앱 개발을 위한

---

1. HomeBrew 설치

필요한 패키지를 설치하고 관리하는 macOS 용 패키지 관리자
https://brew.sh/

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

2. Node.js 설치

JavaScript 런타임
https://nodejs.org/ko/

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

3. Watchman 설치

소스코드가 변경되면 다시 빌드하기 위해 사용
https://facebook.github.io/watchman/

$ brew install watchman $ watchman –v

4. React Native CLI 설치

React Native 프로젝트를 생성하고, 관리하기 위한 명령어 제공
https://github.com/react-native-community/cli

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

5. Xcode 설치

App Store에서 Xcode 설치
[Xcode > Preferences > Locations]에서 Command Line Tools 설정 확인

6. Cocoapods 설치

Xcode 프로젝트 라이브러리 의존성 관리
https://cocoapods.org/

$ sudo gem install cocoapods $ pod --version

7. JDK 설치

안드로이드 개발을 위한 JDK 설치
https://adoptopenjdk.net/

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

8. Android Studio 설치

안드로이드 에뮬레이터, SDK 사용을 위한 안드로이드 스튜디오 설치
https://developer.android.com/studio

9. Android 환경변수 설정

~/.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

환경변수 적용

$ source ~/.bash_profile $ source ~/.zshrc

10. React Native 프로젝트 생성 및 확인