RN(ReactNative) 개발환경 설정

개발환경설정

node 16 설치

nvm 으로 설치 하거나 homebrew 로 설치

# nvm 으로 설치
nvm install 16.16.0
nvm use 16.16.0

# homebrew 로 설치
brew install node@16

 

watchman 설치

brew install watchman

JDK 설치

brew install —cask adoptopenjdk/openjdk/adoptopenjdk13

# 또는

brew tap homebrew/cask-versions
brew install --cask zulu13

 

안드로이드 개발 환경 설정

A. 안드로이드 스튜디오 설치

android studio 사이트에서 다운받아서 설치

B. Android SDK 설치

Android Studio 설치 중에 SDK 설치하는 화면이 나옵니다

C. Android SDK 변경 방법

Preferences > Appearance& Behavior > System Settings > Android SDK

SDK Platforms 탭에서는 
    Show Package Details 체크하고
    Android 12 기준으로 (해당 시점의 버전으로 선택하면 됩니다)
        Android SDK Platform 31
        Intel x86 Atom_64 System Image
        Google API Intel x86 Atom System Image

SDK Tools 탭에서는
    Show Package Details 체크하고
        Android SDK Build-Tools   31.0.0 체크
        Android Emulator
        Android SDK Platform-Tools
        Google Play services
Apply 버튼 눌러서 선택사항 적용 (삭제 및 설치 됨)

D. ANDROID_SDK_ROOT 환경 변수를 등록하기

vi .zproifle

# 아래 내용을 profile 에 추가해준다
# Android SDK ROOT
export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools

# 변경된 shell reload
source $HOME/.zprofile

# 환경변수 적용되었는지 확인
echo $ANDROID_SDK_ROOT

 

iOS APP 개발환경

Mac App Store 접속해서 xcode 다운 받아서 설치

Command Line Tools 설정

Xcode 실행 > Preferences > Locations

iOS Simulator 설치

    Xcode 실행 > Preferences > Components

    사용하고 싶은 iOS 버전 선택해서 설치 하면 됩니다 (용량 5GB)

 

CocoaPods 설치 (프로젝트 종속성 관리자)

sudo gem install cocoapods