[1/18] 0. 환경 설정

React Native로 Android 앱을 개발해보자! 

제일 중요한 개발 환경 설정 고고

 

React Native 공식 문서를 참고해서 환경 설정을 진행했다.

https://facebook.github.io/react-native/docs/getting-started

React Native · A framework for building native apps using React

 

하드웨어 스펙 : Macbook 12(Early 2016) Catalina 10.15.1 

설치 목록

이미 설치한 package

- npx : 6.11.3

- node : 12.4.0

- watchman : 4.9.0

 

새로 설치한 package

- openjdk : 1.8.0_232

 

- Android Studio : 3.5.3 

설치할 때 Custom을 선택하고 아래 목록은 체크를 해야 한다.(안해도 되지만 담에 필요할 때 설치하게 됨)

• Android SDK
• Android SDK Platform
• Performance (Intel ® HAXM) (See here for AMD) : 얘는 컴 사양에 따라?
• Android Virtual Device

Haxm install에서 한참 멈춰있길래 뻗었나 싶었지만 설치 완료~

Welcome 화면에서 오른쪽 아래 Configure > SDK Manager 선택

 

네모들은 필수로 선택돼있어야 하고 보라색 네모는 둘 중 하나만 선택했으면 괜춘

벌써 안드로이드 10이라니... 라떼는 말이야... 진저브레드부터 써 왔다 이말이야~

이제 shell로 나와서 ANDROID_HOME 환경 변수 설정을 해 준다.

.bashrc에 해도 되지만 난 zsh쓰니까... 나중에 힘들면 bash로 바꾸지머
$ vi ~/.zshrc

export ANDROID_HOME=$HOME/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

PATH에 추가됐는지 검증 
$ echo $PATH

 

끗!

 

환경설정을 다 했으니 이제 새 프로젝트를 만들어보자