[react-native] expo-cli를 이용하여 첫 RN 프로젝트 생성하기

expo

expo는 빠르게 react-native 개발을 시작할 수 있도록 도와주는 도구이다.

react의 create-react-app과 같은 존재이다.

웹에서 결과를 실시간으로 확인할 수 있고, expo app을 다운받는다면 iOS나 안드로이드에서도 결과를 확인할 수 있다.

expo를 이용하여 react-native 프로젝트 생성

expo-cli 설치

npm install -g expo-cli

설치를 완료하였으면, 설치가 잘 되었는지 버전 확인

expo-cli --version

expo 프로젝트 생성

expo init [프로젝트 명]

첫 선택화면으로 template을 선택한다.

blank로 선택

생성된 프로젝트로 이동하여 프로젝트를 실행

cd [프로젝트 명]
npm start

프로젝트가 실행되면서 자동으로 expo dev tool이 실행된다.

스마트폰에서 결과화면을 테스트 하려면,

노트북과 같은 망에 접속 중인 스마트폰에서 다운로드 받은 expo app을 실행하고, RECENTLY IN DEVELOPMENT 에서 프로젝트에 접속할 수 있다.

노트북의 웹에서 결과화면을 테스트하려면,

expo dev tool의 왼쪽 중앙에 Run in web browser를 클릭하고, 자동으로 새로운 탭에서 실행된다.

생성된 프로젝트에서 App.js를 수정하고 저장하면, 실시간으로 화면이 업데이트 된다.