본문 바로가기
App/React Native

React Native - 4. Android Studio 로 초기 앱 띄워보기

by Riverandeye 2020. 5. 11.

Android Studio 초기 설정

Android Studio 기본 화면

맨 처음 안드로이드 스튜디오를 설치하고 이 화면이 나온다. 오른쪽 하단의 Configure > SDK Manager를 클릭한다.

 

SDK Platforms

저기서 Android 9.+와 Android 9.0 버전의 SDK를 체크한 후 Apply를 누르면 다운로드가 진행된다.

 

SDK Tools 에서도 다음 항목들을 클릭하고 설치해준다.

설치가 완료되면 Configure > AVD Manager를 눌러준 후 Create Virtual Device 버튼을 눌러준다.

 

플레이 스토어가 설치되어있는 디바이스를 선택한다. (편의를 위해)

 

선택 후 Finish를 누르면 다음과 같이 Virtual Device가 만들어져 있을 것이다.

 

시작 버튼을 누르면 다음과 같이 에뮬레이터가 시작된다.

 

 

앱 띄우기

에뮬레이터가 구동되었으면, 프로젝트를 실행시킨 후 등장하는 화면에서 Run On Android device/emulator를 클릭한다.

 

좌측에 Run on Android device/emulator를 클릭

클릭하면 다음과 같이 자동으로 expo 앱이 에뮬레이터에 설치되고, 내가 작성한 앱이 나타나게 된다. 

 

예시가 나타나는 것을 확인할 수 있다. 

초반 빌드만 조금 오래 걸리고, 한번 빌드가 되면 hot-reload도 매우 빠르게 작동한다. 

 

댓글