예전에 윈도우 환경에서 RN을 돌리는 글을 작성한 바 있는데, 모바일 개발은 그냥 맥에서 하는 것이 합리적이라고 판단했고, 몇개월이 지나 드디어 맥북을 사서 RN을 해보고자 한다. Node.js, Watchman, Xcode 등을 설치하는 과정을 살펴보자.
prequisition => brew, node(nvm)
Node.js, homebrew를 설치했다고 가정합니다.
설치 확인을 위해 터미널에서 버전 체크를 해봅시다.
그리고 가급적 node는 nvm을 이용하여 설치하도록합시다.
oh-my-zsh를 사용할 경우에는 ~/.zshrc의 플러그인 부분에 nvm을 적어주도록합시다.
brew --version
node -v
watchman 설치
brew install watchman // 설치
watchman -v // 설치 확인Xcode 설치
보통 앱스토어에서 설치하고, 2시간 정도는 소비할 각오가 되어 있어야 합니다.
최신 배포 버전이 아닌 다른 버전을 설치하고 싶다면 아래 애플 디벨로퍼에서 다운로드 받으면 됩니다.
다운로드 받으면 가급적 업데이트는 큰 마음 먹고 하세요...
developer.apple.com/download/more/
설치 이후에는 Preference의 Location에서 Command Line Tools를 선택해줍니다.
cocoapod 설치
swift와 objectC의 의존성 관리자이다.
sudo gem install cocoapods // 설치
pod --version // 버전 확인
JDK 설치, JAVA_HOME 설정 => AdoptOpenJDK
안드로이드 개발을 위해서는 자바가 필요하고, 자바를 실행하기 위해서는 java developer kit이 필요하다.
findstar.pe.kr/2019/01/20/install-openjdk-by-homebrew/
그러나 brew install openjdk 꼴로는 설치가 불가능하다. 자세한건 위 포스트 참고. 결론은 AdoptOpenJDK을 이용해야 한다는 것이다.
openjdk 설치 후 자바와 자바 컴파일러 버전을 확인해보자.
버전은 많이들 사용하는 8로 설치했는데, 필요에 따라, 10, 11 등 원하는 것을 설치하면 된다.
맥에서는 java 버전 변경이 간편한 편이니 하는 방법은 다음 포스트를 참고하자.
brew tap AdoptOpenJDK/openjdk
brew install --cask adoptopenjdk8 // cask로 설치
java -version // 버전 확인
openjdk version "1.8.0_282"
OpenJDK Runtime Environment (AdoptOpenJDK)(build 1.8.0_282-b08)
OpenJDK 64-Bit Server VM (AdoptOpenJDK)(build 25.282-b08, mixed mode)
javac -version // java 컴파일러 버전 확인
javac 1.8.0_282
설치되어 있는 JVM(Java Virtual Machines) 목록을 확인하고 JAVA_HOME을 등록해주자.
/usr/libexec/java_home // 현재 사용하고 있는 jvm 확인
/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home
/usr/libexec/java_home -V // 설치되어 있는 Java Virtual Machines 전체 목록을 확인하기
Matching Java Virtual Machines (2):
14.0.1, x86_64: "OpenJDK 14.0.1" /Users/cjos/Library/Java/JavaVirtualMachines/openjdk-14.0.1/Contents/Home
1.8.0_172, x86_64: "Java SE 8" /Library/Java/JavaVirtualMachines/jdk1.8.0_172.jdk/Contents/Home
# ~/.zshrc에서 JAVA_HOME 등록
export JAVA_HOME="/Library/Java/JavaVirtualMachines/adoptopenjdk-8.jdk/Contents/Home"
안드로이드 스튜디오 설치
developer.android.com/studio?hl=ko
설치를 진행하다보면, gradle에 사용할 jdk를 지정하라고 하는데, 저는 그냥 기본값으로 가겠습니다.
HAXM과 android virtual device를 선택한 후 진행해줍시다.
안드로이드 스튜디오가 정상적으로 출력되었다면 하단의 configure를 통해 SDK Manager로 들어가 원하는 버전(개발하고자 하는 안드로이드 버전)을 선택한 후 OK를 눌러 진행하자.
안드로이드 SDK 로케이션(ANDROID_HOME)이 /Users/mac/Library/Android/sdk인 것도 확인하자.
잊어버렸다면 다시 SDK Manager에 들어와 언제든지 확인할 수 있다.
해당 경로에는 다음과 같은 것들이 있으므로 환경변수를 아래와 같이 등록해줍시다.
설치 후에는 adb 명령어를 통해 정상적으로 세팅되었는지 확인해보자.
adb는 안드로이드 디버그 브릿지의 약자로, 안드로이드 장치와 통신하여 디버깅 등 작업을 할 수 있는 툴입니다.
adb
Android Debug Bridge version 1.0.41
Version 31.0.0-7110759
Installed as /Users/mac/Library/Android/sdk/platform-tools/adb
이제 RN을 시작할 수 있는 기반이 마련되었다!
react native CLI 설치
Expo를 사용하지 않고 cli로 바로 설치하겠습니다.
yarn global add react-native-cli // 설치
react-native -v // 버전 확인
// 정상적으로 설치됨
react-native-cli: 2.0.1
react-native: n/a - not inside a React Native project directory
'📱 Mobile > ⚛ React Native' 카테고리의 다른 글
| [expo]RN(React Native) 시작하기 (0) | 2020.02.27 |
|---|
