React Native 개발환경 구축 (Mac)

mac에서 개발 환경을 설정하는 법
Expo CLIReact Native CLI

  • 처음 시작은 Expo로 시작하면 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함이 있음
    React Native CLI 추천

Homebrew 설치

  • Homebrew는 맥에서 필요한 패키지를 설치하고 관리하는 맥용 패키지 관리자

설치
Homebrew : https://brew.sh/

brew --version // 확인

Nodejs 설치

  • react-native는 Javascript이므로 Javascript의 런타임인 Nodejs 필요
$ brew install node // 설치
node -–version  // 확인 

Watchman 설치

  • watchman은 특정 폴더나 파일을 감시하다가 변화가 생기면, 특정 동작을 실행하도록 설정하는 역할
    react-native에서는 소스코드의 추가, 변경이 발생하면 다시 빌드하기 위해 Watchman을 사용
$ brew install watchman // 설치
watchman –version  // 확인 

React Native CLI 설치

$ npm install -g react-native-cli // 설치
npx react-native --version  // 확인 

Xcode 설치

iOS 앱을 개발하기 위해서는 iOS 개발 툴인 Xcode가 필요!
설치 -> Xcode

Cocoapods 설치

  • Cocoapods는 iOS 개발에 사용되는 의존성 관리자
    설치 -> cocoapods
$ sudo gem install cocoapods // 설치
pod --version  // 확인 

JDK 설치

  • 안드로이드 앱을 개발하기 위해서는 JDK(Java Development Kit)를 설치할 필요
$ brew tap homebrew/cask-versions // 설치
$ brew install --cask temurin11 // 설치
java -version  // 확인 
javac -version // 확인

안드로이드 스튜디오 설치

안드로이드 앱을 개발하려면 안드로이드 스튜디오를 설치해야 애뮬레이터등 확인하면서 작업 가능

설치 -> android-studio

안드로이드 스튜디오 SDK 설정

RN 공홈

안드로이드 스튜디오 환경 변수 설정

자신 SDK 위치는 안드로이드 스튜디오에 SDK설정 창에 나옴

ANDROID_HOME=$HOME/Library/Android/sdk
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

좋은 웹페이지 즐겨찾기