React Native 환경설정 (v0.72 기준, for M1, ReactNativeCli)

1. React Native Cli 사용

비교	장점	단점
React-Native-Cli	- Native 모듈 적용 자유도 높음 - 모듈 직접 제작 가능 - 빌드 제어 가능	- 환경구축 및 라이브러리 설치 관리 어려움 - Android Studio, Xcode설치하여 작업
Expo	- 쉽게 앱을 제작하고 쉽게 빌드 가능 - Android Studio, Xcode설치 없이 가능 - 다양한 API 지원	- 제공되는 API만 사용가능 - 빌드 시간 10~30분 - 기능제한

2. node 설치

 - nvm을 사용하고, nvm use 16<버전> 적용하여 실행한다

 - 해당 프로젝트에 .nvmrc에 버전을 기입해두면, nvm use 만 실행하면, 기재된 버전이 자동 실행된다.

// .nvmrc 파일생성
18.16.0

 

3. Watchman

 - brew를 이용해 설치한다.

brew install watchman

 4. CocoaPods 설치

 - mac에는 ruby가 기본 설치되어 있으므로, 아래 명령어로 cocoapods를 설치한다.

sudo gem install cocoapods

5. React Native 프로젝트 생성

 - 아래 공홈의 안내에 따라, 프로젝트를 생성해준다.

https://reactnative.dev/docs/environment-setup?guide=native

Setting up the development environment · React Native

6. Xcode 설정

 - Command Line Tools 세팅

 - iOS Simulator 설정

 

7. JDK 설치

brew tap AdoptOpenJDK/openjdk
brew install --cask adoptopenjdk11

8. PATH 설정

# 안드로이드 SDK 초기 설정
export ANDROID_HOME=/Users/<User>/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

9. Android Studio 설정