[react native] 프로젝트 만드는 방법

리엑트 네이티브 프로젝트 생성

$ npx react-native init projectName

 

 

 

 

 

 

npx란?

Node.js와 함께 설치되는 도구로, Node.js 환경에서 구동되는 CLI 도구들을 간단하게 사용할 수 있게 해준다.

 

 

 

 

 

 

package.json

package.json 파일을 열어보면 위와 같이 scripts가 설정된 것을 확인할 수 있다.
이렇게 스크립트가 설정되면 yarn을 통해 아래와 같이 원하는 명령어를 실행할 수 있다.

$ yarn <스트립트 이름>

스트립트 종류

• android : 안드로이드 환경에서 앱을 구동하는 스크립트
• ios : iOS환경에서 앱을 구동하는 스크립트
• start : Metro를 구동하는 스크립트

 

 

 

 

 

 

 

Metro란?

리액트 네이티브를 위한 자바스크립트 번들러로, 프로젝트에 사용된 자바스크립트 파일들을 모두 읽어서

올바른 순서로 하나의 파일로 합쳐주고 네이티브 앱에서 실행할 준비를 해준다.

android나 ios 스크립트를 사용하면 새로운 터미널에서 start스크립트가

자동으로 시작되기 때문에 start스크립트를 직접 입력해 실행하는 일은 드물다.

 

 

 

 

 

 

 

프로젝트 실행

$ yarn ios

 

 

 

 

 

 

 

 

 

 

선행 작업

• Node.js 설치

Node.js 란?

웹 브라우저가 아닌 환경에서도 자바스크립트를 실행할 수 있게 해주는 Chrome V8 Javascript 엔진으로 빌드된 런타임이다.

 

 

• npm 설치(Node.js 설치하면 함께 설치된다)
• Java 설치
• Yarn 설치

Yarn은 npm과 같은 패키지 관리 도구이다. npm과 역할이 동일하지만 성능이 개선되어서 npm보다 패키지를 더 빨리 설치한다.yarn도 리액트/리액트 네이티브와 같이 페시트북에서 만든 도구이다.

• Watchman 설치 (필수X)