리액트 네이티브 VS Code 환경에서 에뮬레이터 실행 방법

1. 자바 JDK 설치

: https://jdk.java.net/java-se-ri/11

Java Platform, Standard Edition 11 Reference Implementations

: 22년 7월 기준으로 JDK17을 설치할 경우 gradle 빌드가 되지 않아 JDK11 설치를 권장한다.

 

 

※ 주의사항

: 자바 JRE가 아닌 JDK를 설치해야한다. JRE는 자바 소프트웨어를 사용할 수 있도록 하는 도구이고,

  JDK는 자바로 작성한 프로그램을 컴파일 하기 위한 개발용도의 도구이다.

 

 

 

 

2. 안드로이드 스튜디오 설치 (안드로이드 SDK 설치)

: https://developer.android.com/studio?gclid=CjwKCAjww8mWBhABEiwAl6-2RZTOglf_CmMkhZOgil5sGSnHhR7jj8na5hNMNJ-mF0rBjsXdxCnZThoCgToQAvD_BwE&gclsrc=aw.ds 

Download Android Studio & App Tools - Android Developers

: 20년 쯤 부터 안드로이드 SDK를 따로 제공하지 않고 안드로이드 스튜디오를 설치해야

  안드로이드 SDK를 설치할 수 있게 되었다.

 

 

 

 

 

3. 안드로이드 스튜디오 세팅

: 안드로이드 스튜디오 실행 > Tools > SDK 매니저 

: 개발하고자 하는 안드로이드 버전 선택 후 아래 항목 설치

 > Android SDK Platform 29
 > Sources for Android 29
 > Intel x86 Atom System Image
 > Intel x86 Atom_64 System Image
 > Google APIs Intel x86 Atom_64 System Image
 > Google Play Intel x86 Atom System Image

 

 

 

 

 

3. 안드로이드 스튜디오 에뮬레이터 생성

: 안드로이드 스튜디오 > Tools > DeviceManager 

: Create Device > 기기선택 > 기기OS 등 스펙 선택 > 생성 완료

 

 

 

 

 

4.안드로이드 SDK 관련 환경변수 추가

- ANDROID_SDK_ROOT

: C:\Users\본인계정명\AppData\Local\Android\sdk

: 새로만들기로 따로 추가 후 path에 %ANDROID_SDK_ROOT% 등록 

 

- adb

: C:\Users\본인계정명\AppData\Local\Android\sdk\platform-tools

: path에 등록

 

 

 

 

 

5. VS Code 세팅

: VS Code에서 터미널 실행

 

- 리액트 네이티브 관련 라이브러리 설치

: npm install -g react-native-cli (리액트네이티브 명령어 사용을 위한 라이브러리)

: npm install -g expo-cli (리액트네이티브 앱을 안드로이드 SDK 에뮬레이터에 빌드하기 위한 라이브러리)

 

 

 

 

 

6. VS Code에서 애플리케이션 실행

: react-native run-android

 

 

 

 

 

 

 

Refference

[React Native] 리액트 네이티브 프로젝트 앱 에뮬레이터 실행