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

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

 

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

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

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

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

[프로그래밍(Programming)/리액트 네이티브(React Native)] - 리액트 네이티브(react native) 설치~앱 구동 기초

 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 실행' 에 대하여 이전 글 참고

[프로그래밍(Programming)/리액트 네이티브(React Native)] - 리액트 네이티브(react native) 설치~앱 구동 기초