IT하는 참새

React-Native 빠르게 시작하기 (1) 본문

프로그래밍/ReactNative

React-Native 빠르게 시작하기 (1)

pshot 2020. 7. 11. 00:50

React-Native를 시작하는 방법은 2가지이지만, expo를 이용하여 진행한다. (npm 사전설치)

 

expo 이용 - (권장하는 방법)


 

원하는 경로에서 expo init ProjectName 실행


 

해당 프로젝트 내부에서 npm start 실행

(앱을 expo 서비스를 이용하여 스마트폰에 설치함)


 

앱에 대한 관리가 가능한 페이지 화면

(Tunnel - 외부 네트워크에서도 앱 설치 가능)

(LAN - 기본설정. 내부 네트워크)


expo 앱 설치 (해당 앱에 자신의 앱을 실행시키는 방식)

설치 후 QR코드 투영시 앱 자동실행


 

앱의 기본 소스코드 (App.js)


[정리]

- expo 서비스를 이용하여 React-Native 프로젝트 생성 권장

- expo 앱 설치 후 QR코드 투영하여 앱 실행하기!