Expo Xde 지원 중단에 따른 Expo dev tool(Expo cli) 설치 및 실행 방법

프로그래밍(Programming)/리액트 네이티브(React Native)

SuperKid 2018. 9. 29. 17:43

* 엑스포(expo) : 리액트 네이티브(react-native)를 이용한 모바일 앱 개발시 모바일 디바이스와의 연동을 도와주는 프로그램.

* 2018.9.29 현재 expo xde 를 실행시키면, xde 지원 중단에 대한 알림이 나옴.

* xde 대신 expo dev tool ( = expo cli 최신버젼) 을 설치해서 사용하라고 함.

< expo cli 실행 방법 (windows 10 환경) >

1. node.js 설치 (이전 글 참조)

2. expo-cli 설치

cmd 또는 bash 실행

npm install expo-cli --global

3. new project 생성 (bash에서 안되는 경우 cmd에서 실행)

expo init my-new-project

4. new project 실행

cd my-new-project
expo start

5. 모바일 디바이스 연결

- 실물 모바일 디바이스(mobile device) : 핸드폰에서 엑스포 앱 qr code reader 실행시키고 좌하단의 qr code read

- 에뮬레이터 연결 : x-code 또는 안드로이드 스튜디오(android studio) & AVD manager 실행시키고 --> expo cli 좌측의 run on android device/emulator 또는 run on iOS simulator 클릭

- 'AVD manager 실행' 에 대하여 이전 글 참고