<React Native> Expo 설정

Download EXPO

https://github.com/expo/xde

Expo를 이용하면 react native 개발은 좀더 쉽게 해줄 수 있음.

프로젝트를 생성해주게 되면 기본적으로 필요한 애들이 포함된 프로젝트가 생성이 되며

이를 Share를 통해 모바일 기기에서 실행 시키거나

혹은 Device를 선택하여 시뮬레이터를 띄워서 확인할 수 있음.

물론, 이 경우 react 와 동일하게 파일의 변화가 생기게 되면

자동으로 rebuild 후 reload 하여 쉽게 변경점을 확인 할 수 있음.

mac을 사용할 경우 Xcode를 설치해줘야 시뮬레이터를 확인 할 수 있음.

android 시뮬레이터를 띄워주려면 아래 링크에서 genymotion(free version) 을 설치해야함.

https://www.genymotion.com/download/

expo란?

expo는 리액트 네이티브를 크로스 플랫폼으로 개발하기 위한 빌드도구로써 네이티브 모듈을 보다 쉽고 편하게 사용할 수 있으며 빠르게 실제 기기에서 테스트해볼 수 있도록 해주는 XDE이다.

프로젝트 생성

왼쪽 상단 프로젝트를 만든 후

create을 누른 후 기다리면 세팅이 완료된다. 맥의 경우 xcode를 설치한 경우 오른쪽 상단 open on ios simulator를 누르면 되며
안드로이드 기기에서 테스트를 원할경우 안드로이드 스튜디오를 설치해 준후 gennymotion을 설치하여 실행할 수 있다.

실제 기기에서의 테스트

실기기에서의 테스트는 생각보다 간단한데 앱스토어나 플레이스토어에서 expo앱을 설치해준 후 동일 네트워크망안에 있다는 가정하에

host설정을 랜으로 바꾸어준 후

url를 입력하여준다.

사용에 관하여

expo 프로젝트의 경우 무료이며 푸시나 연락처같은 native api를 매우쉽게 사용할 수 있다는 장점이 있다. 다만 프로젝트 자체의 성숙도가 높지않아 버전이 매우 빠르게 바뀌고 있으며 스택오버플로우나 깃헙 issue에서 종종 알 수 없는 오류들로 문제를 겪는 글들이 많다.

출처: http://harrythegreat.tistory.com/entry/ReactNative-expo란 [유목코딩]