개발/React Native

리액트 네이티브 - 프로젝트 생성 (Expo)

괴물공장 2019. 5. 7. 00:17

1. 프로젝트 생성

개발환경 설정 단계에서 Expo를 설치했다면 Expo를 사용하여 React Native 프로젝트를 생성할 수 있다. 

프로젝트 생성을 위한 커맨드는 아래와 같다.

expo init [Project Name]

명령을 실행하면 사용자는 ① 프로젝트 템플릿 선택(기본, 샘플포함) ② 프로젝트 이름 설정 할 수 있습니다.

 

2. 프로젝트 실행

프로젝트가 정상적으로 생성되었다면 해당 폴더로 이동하여 서비스를 실행해 줍니다.

cd [Project Name]
npm start 또는 expo start 

정상적으로 서비스가 시작되면 자동으로 웹브라우저에 아래와 같은 화면이 나타나고,

동일한 네트워크에 연결된 Mobile에 Expo 앱을 설치한 후, QR코드를 촬영하면 생성된 프로젝트가 표시된다. 

자, 이제 React Native 개발을 위한 환경 구성이 완료되었다. 

 

Reference - React Native Docs, Expo.io

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

 

React Native · A framework for building native apps using React

A framework for building native apps using React

facebook.github.io

https://expo.io/

 

Expo

A free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React.

expo.io