리액트 네이티브 프로젝트 만들기

Speedwell🍀·2022년 5월 28일
0

리액트 네이티브 프로젝트를 생성하는 방법은 두 가지가 있다.

  1. Expo
  2. 리액트 네이티브 CLI

1. Expo

Expo는 리액트 네이티브를 처음 시작하는 사람이 접근하기 편하게 되어 있다. 또한 완성된 프로젝트를 배포/관리하기 쉽도록 다양한 기능을 제공한다.
단점은 Expo에서 제공하는 API만 사용할 수 있으며, 필요한 기능이 제공되지 않을 경우 네이티브 모듈을 추가로 만들어서 사용하는 것이 불가능하다는 점이다. 또한 리액트 네이티브 CLI를 이용했을 때 빌드 파일의 크기가 크다.


Expo를 이용해 리액트 네이티브 프로젝트를 생성해보자!

먼저 npm을 이용해 expo-cli를 설치하자. 명령 프롬프트에 아래의 명령어를 입력한다.
npm install --global expo-cli

설치가 완료되면 아래의 명령어를 통해 Expo 프로젝트를 생성한다.

expo init {프로젝트이름}

명령어를 입력하면 아래와 같이 어떤 프로젝트를 생성할지 선택하라는 화면이 뜬다.

blank를 선택하자.

위처럼 뜨면 프로젝트 생성이 끝난 것이다.
프로젝트를 싱행시켜보자!

cd {프로젝트이름}
npm start

구글플레이스토어/애플앱스토어에서 Expo 앱을 다운받는다. 설치 후 Expo 앱에서 QR코드를 찍으면 실제 기기에서 Expo 프로젝트를 실행할 수 있다. (아이폰은 기본 카메라에서 QR코드를 찍어야 한다.)

0개의 댓글