본문 바로가기
테크/기타

[React Native] 안드로이드 기본 앱 개발 #1 (expo 플랫폼 사용)

by ahnne 2017. 9. 30.

# Goal

- expo 플랫폼 기반에서, react native를 사용한 안드로이드 앱 작성하기.

- expo는 react native의 안드로이드, ios 빌드/배포를 도와주는 플랫폼이다.(https://expo.io/)


# 참고

https://facebook.github.io/react-native/docs/getting-started.html

https://docs.expo.io/versions/latest/guides/building-standalone-apps.html


# 환경

- 안드로이드 sdk 설치 필요 없음!

- 윈도우

- npm 필요(node.js 설치)



# 순서


## 설치 및 구동


$ npm install -g create-react-native-app


npm 으로 creat-react-native-app을 설치한다.

앱개발을 위한 기본 base 프로젝트를 생성해주는 모듈이다.


$ create-react-native-app sampleApp

$ cd sampleApp

$ npm start


sampleApp 이라는 이름으로 프로젝트 폴더가 만들어지고, npm start 로 앱 구동



## 기기에서 테스트하기


위에서 npm start 를 하면, 커맨드 콘솔에 QR code 가 출력된다.



 



안드로이드 기기에 expo 앱을 설치한다.

(https://play.google.com/store/apps/details?id=host.exp.exponent)


기기에서 expo 앱을 실행시키고, 아래처럼 'Scan QR Code' 를 선택하고,
화면의 QR Code를 촬영하면, 기기에서 해당 앱이 실행된다.
(필수. 코드를 수행한 기기와 안드로이드 장비가 같은 네트워크에 있어야 한다.)

 


끝.

 


# 정리

이 상태에서 앱개발을 계속 할 수도 있지만, 실제로 배포는 할 수 없기 때문에,

배포를 하려면 expo 플랫폼을 좀 더 사용하여야 한다.


# 앱 apk 만들기 -> http://blog.sbahn.kr/878