[RN] 리액트 네이티브 프로젝트 시작하기

create-react-native-app (CRNA) 설치 및 실행

CRNA는 리액트 네이티브 프로젝트를 만드는 데 선호되는 도구이다. 개발자 커뮤니티에 의해 생성됐으며 리액트 프로젝트를 만들기 위한 create-react-app과 동일한 목표를 지향한다. 리액트 또는 리액트 네이티브 앱을 실행하는 데 필요한 보일러플레이트 코드를 생성할 수 있다.

npm install -g create-react-native-app

어디서든 명령어를 실행시킬 수 있어야하므로 글로벌로 설치해준다.

 

리액트 네이티브 앱 생성

create-react-native-app my-project

어떤 형식으로 프로젝트를 생성할지 선택하고 프로젝트를 생성한다.

나는 blank 형식으로 생성했다.

프로젝트 생성 후에 필요 라이브러리들을 자동으로 설치해주고 끝이난다.

실행시켜보자.

cd my-project
npm start

실행시키면 자동으로 http://localhost:19002/ 화면이 뜬다.

 

아래 버튼을 클릭하여 원하는 시뮬레이터를 동작시킬 수 있다.

- Run on Android device/emulator (Android SDK 설치 필요)

- Run on iOS simulator (Xcode 설치 필요)

 

예제 코드