3. 새 프로젝트 생성

Column
Tags
init
project

React Native Command Line Interface

React Native에는 command line이 내장되어 있다.
특정 버전의 CLI를 전체적으로 설치 및 관리하는 대신, Node.js와 함께 제공되는 npx를 사용하여 런타임에 현재 버전에 액세스하는 것이 좋다.
npx react-native <command>를 사용하면 명령이 실행될 때 현재의 안정적인 CLI 버전이 다운로드되어 실행된다.
 

새로운 앱 생성하기 (init)

global react-native-cli 삭제하기

이전에 global react-native-cli 패키지를 설치했다면, 예상치 못한 이슈를 대비해 먼저 지우자.
$ sudo npm uninstall -g react-native-cli
 

새 프로젝트 생성

React Native에 내장된 커맨드라인 인터페이스로 새로운 프로젝트 생성 가능!
$ npx react-native init AwesomeProject
 
Ignite CLI와 같은 서드파티 CLI로 React Native app init도 가능!
 

init 필요없는 경우 (새로운 앱 만드는 거 아니면 걍 필요 X)

  • React Native를 기존 앱에 통합시키는 경우.
  • Expo에서 eject 한 경우
  • 기존의 React Native 프로젝트에 native 지원 기능을 추가하는 경우
 

[선택사항] 특정 버전, 템플릿 사용하기

특정 버전 사용하기

특정 React Native 버전을 원한다면 --version 인자로 지정가능
$ npx react-native init AwesomeProject --version X.XX.X
 

커스텀 템플릿 사용하기

TypeScript와 같은 커스텀 React Native 템플릿 사용 가능하다.
npx react-native init AwesomeTSProject --template react-native-template-typescript
 
위 명령어들이 실패한다면 react-native 버전이 오래됐거나 react-native-cli가 globally하게 설치된 경우다. ⇒ 제거하고 npx를 써라.