본문 바로가기
카테고리 없음

[react native 개발환경 구축하기] 6. android studio AVD에서 react-native app 실행하기

by 틴디 2020. 2. 22.
728x90
반응형

안드로이드 스튜디오를 켜줍니다. 목록에서 두번째에 있는 Open an existing Android Studio project를 눌러줍니다!

저번에 만들어 두었던 react native 프로젝트 파일을 탐색해 보면 android 아이콘이 보입니다. 눌러 주고 ok버튼을 눌러 주세요

처음 안드로이드 스튜디오를 실행 시켰다면 애뮬레이터, 즉 가상머신이 없습니다. 가상머신 AVD를 만들어 주겠습니다. 상단에 실행 버튼 옆에 No devices를 클릭해 주세요. 그 후 Open AVD Manager을 눌러 줍니다.

Create Virtual Device...를 눌러주세요 한 가운데 있는 버튼 입니다.

가장 많이 사용하는 것 같은... Nexus 5X로 가상 디바이스를 만들어 주겠습니다.

버전은 Pie로 해주겠습니다. Pie글자 옆에 Download를 눌러 주세요. 만약 다른 원하는 버전이 있다면 그 옆에 Download를 누르시면 됩니다.

Installer가 뜨면서 다운로드를 실행합니다. 완료 되었다면 Finish를 눌러 줍니다.

방금 다운로드 받은 버전에 Download링크가 사라진 것을 볼 수 있습니다. Pie를 선택하고(혹은 설치한 버전을 클릭하고) Next를 눌러 주세요.

 

원하는 이름이 있다면 지정해 주시면 되고 Finish를 눌러서 마무리 해줍니다.

가상 디바이스가 완성되었습니다. 실행해 보도록 하겠습니다.

안드로이드 스튜디오 상단, 가상 디바이스 이름 옆에 run 버튼(초록색 실행 버튼)을 눌러주세요

아마 에러가 뜰겁니다. react-native앱을 실행 시키기 위해서 해줘야 하는 작업이 있습니다. 

 

 cmd로 들어가 주세요

cd명령어를 이용하여 저번에 만들어 두었던 react-native 프로젝트 파일로 들어가 줍니다.

엔터를 누르고 

react-native start 를 입력하신 뒤 엔터를 눌러 줍니다

위와 같이 나오고 나서 다시 애뮬레이터를 실행 시키면 앱이 제대로 동작하는 것을 확인할 수 있습니다. 

728x90
반응형

댓글