[React-Native] 개발환경 설정

M1 Mac 환경설정

Node.js 설치

이 프로젝트는 "리액트 네이티브 앱 프로그래밍"을 보고 공부한 내용으로 진행하려 한다.
M1 맥은 빠르고 발열도 안 심한데 호환성이 참 좋지 아니하다.
설정하기 매우 귀찮은 면이 있다.

brew 설치 후에

brew install wget
touch $HOME/.zshrc
wget -q0- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

를 하라고 한다.
그런데 M1에서는 해당 코드는 에러를 일으킨다.
우선 brew 사용 시에는 앞에 arch -arm64를 붙여준다.

arch -arm64 brew install wget
touch $HOME/.zshrc
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

그리고 wget -q0- 대신 curl -o- 를 써준다.

터미널에서 vim .zshrc 커맨드 친 후에 들어가서 아래 내용을 넣어준다.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

source .zshrc
nvm install --lts
node -v

Java8 JDK 설치

.zshrc 파일 맨 마지막 줄에 아래 코드 삽입

export JAVA_HOME=/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home

source .zshrc

로 실행

코코아팟 설치

네이티브 iOS 앱 빌드를 위해선 Object-C로 구현된 네이티브 모듈 부분 필드가 필요.
이를 위한 코코아팟 설치

sudo gem install cocoapods
pod --version

워치맨 설치

페이스북에서 만든 프로그램으로 변경된 코드 내용을 시뮬레이터 앱에 자동으로 적용시켜준다.

arch -arm64 brew install watchman
watchman --version

마지막으로
.zshrc 파일에 아래 내용 삽입 후 source .zshrc로 실행하면 완료

export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator
export PATH=$PATH:$ANDROID_SDK_ROOT/tools
export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools