[React Native] 리액트 네이티브 프로젝트 실행

지난 번에는 초기 React Native 프로젝트를 세팅하고 생성하는 과정에 대해서 정리해보았습니다.

이번에는 생성한 프로젝트를 실행해보는 과정을 간단하게 정리해보겠습니다.

 

 

(1) 생성한 React Native 프로젝트 경로 진입

Visual Studio Code 코드 편집기 프로그램의 터미널에서 지난 번에 생성한 프로젝트의 경로로 들어갑니다.

 

 

(2) 프로젝트 실행

npm start 혹은 npx expo start 명령어를 실행하여 프로젝트를 실행합니다.

정상적으로 실행에 성공하게 되면 QR 코드가 생성됩니다.

npx expo start 명령어는 프로젝트를 초기에 생성할 때 Expo CLI 방식으로 생성했기 때문입니다.

 

 

(3) QR 코드 실행 앱 설치

QR 코드를 실행할 Expo Go 앱을 설치해줍니다.

생성된 프로젝트의 QR 코드는 ios 환경이 아니라 안드로이드 환경에서만 스캔이 가능합니다.

 

 

(4) QR 코드 스캔 및 실행

Expo Go 앱으로 QR 코드를 스캔하여 실행하면 정상적으로 앱이 실행되는 것을 확인할 수 있습니다.

위의 Open up App.js to start working on your app! 이라는 문구가 바로 개발자들이 작업한 내용인데, 이 문구는 처음에 프로젝트를 생성하게 되면 App.js 에 처음에 생성된 내용입니다.

 

즉, 이 App.js 가 개발자가 만든 앱의 컨텐츠들이 노출되는 메인 파일입니다.

 

이렇게 해서 생성한 React Native 프로젝트를 실행하는 방법에 대해서 정리해보았습니다.