# 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
'SW개발 > Etc' 카테고리의 다른 글
[React Native] 안드로이드 기본 앱 개발 #2 (expo 플랫폼 사용, apk 작성, 배포) (2) | 2017.09.30 |
---|---|
[React Native] 안드로이드 기본 앱 개발 #1 (expo 플랫폼 사용) (1) | 2017.09.30 |
[reactjs] firebase 에서 react.js 웹 호스팅하기 (0) | 2017.09.26 |
[reactjs] html 파일 위에서 react.js 웹 간단하게 시작하기 (0) | 2017.09.14 |
angular 웹개발 (ecplise, spring boot, typescript) - #2 (0) | 2017.08.30 |
angular 웹개발 (ecplise, spring boot, typescript) - #1 (0) | 2017.08.26 |
이클립스 maven remote catalog 주소 (0) | 2017.05.31 |
Google Cloud Datastore 사용하기(spring) (0) | 2017.05.31 |
Visual Studio Code에서 TypeScript 코딩하기 (0) | 2017.05.09 |
[Perl] linux command 결과를 받아오기 (0) | 2016.03.11 |
[Perl] signal 관리 (perlipc) (0) | 2015.10.21 |
정말 죄송한데.... 제가 계속해서
Could not load exp:// ~~~ 190000
이런 에러가 발생하고 있습니다...
그리고 같은 네트워크 상에 분명히 위치하고 있는 걸 확인 했는데도,
계속 이러네요...
crna 아니어도, 게속 실패하고 있어서 너무 힘들어서 질문 드립니다....!!!