React-Native 프로젝트 생성

React-Native 프로젝트 생성를 생성하고, 안드로이드 에뮬레이터로 실행하는 과정을 소개하겠습니다.

단,  React-Native 및 React-Native Client가 설치되어있어야 합니다.

[개발환경]

 (1) 운영체제 : Windows 7

 (2) 모바일 운영체제 : Android

1. React-Native 프로젝트 생성하기

  - ProjectName은 생성하고자 하는 프로젝트명입니다.

  - 아래의 명령을 실행하면, 해당 폴더하위에 ProjectName으로 폴더가 생성됩니다.

  - version 옵션을 지정하지 않으면, '0.56.0' 버전이 설치되는데 프로젝트 생성 시 오류가 발생한다.

react-native init --version="0.55.4" ProjectName

2. React-Native 프로젝트 폴더로 이동합니다.

cd ProjectName

3. 안드로이드 에뮬레이터에 프로젝트 앱을 실행합니다.

react-native run-android

성공적으로 빌드 후 앱이 설치되면 안드로이드 에뮬레이터에 아래와 같이 표시됩니다.

※ 안드로이드 에뮬레이터가 실행되어 있지 않으면 아래와 같이 오류가 발생합니다.

  - 디바이스 즉 에뮬레이터에 연결 할 수 없어 발생합니다.

  - 안드로이드 에뮬레이터를 실행 후 다시 명령을 실행하면 됩니다.