[React Native] 개발환경 구축

---

0.전제

본글은Node.js 가 설치 되었다는 가정하에 진행합니다.

 

 

 

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

일단 안드로이드 스튜디오를 설치한다.

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

 

2.React Native 설치

React Native를 NPM으로 전역에 설치해준다.

npm install -g react-native

 

 

3.React Native 프로젝트 생성

다음 명령어로 React Native 프로젝트를 생성한다.

npx @react-native-community/cli init 프로젝트이름

 

 

4.검사

다음 명령어를 통해 지금 환경에서 부족한것을 확인할수있다.
지금 나는 Android SDK가 설치되어있지않고 에뮬레이터가 실행되어있지않다.
(ANDROID_HOME 또한 처음 설치한 사람은 설정되어있지않을것이다. )

npx react-native doctor

Common
 ✓ Node.js - Required to execute JavaScript code
 ✓ npm - Required to install NPM dependencies
 ● Metro - Metro Bundler is not running

Android
 ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
 ✓ JDK - Required to compile Java code
 ✓ Android Studio - Required for building and installing your app on Android
 ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation
 ✓ Gradlew - Build tool required for Android builds
 ✖ Android SDK - Required for building and installing your app on Android
   - Versions found: 29.0.3, 36.0.0
   - Version supported: 35.0.0

 

 

 

5.설정

5-1.ANDROID_HOME

시스템 환경 변수,PATH 를 설정해준다.

 

 

 

 

5-2. SDK

Android Studio에서 요구하는 SDK를 설치해준다.

 

 

 

5-3. Device

가상 Device로 요구하는 SDK와 맞는 버전의 API를 선택해서 생성한다.

 

 

생성후 Device를 실행한다.

 

이제 다시 검사하면 모든 조건이 완료된걸 확인할수있다.

 

 

 

 

 

 

6.실행

이제 다음 명령어를 실행해서 안드로이드 스튜디오에서 실행한 가상 디바이스에서 리액트-네이티브 앱을 확인할수있다.

npx react-native run-android