[React Native] 새 프로젝트 생성

1. 프로젝트 생성

프로젝트를 생성할 디렉토리로 이동한 뒤 명령어를 통해 프로젝트를 생성해준다.

react-native init --version [버전] [프로젝트명]

// 프로젝트 생성
react-native init --version 0.61.5 my_app


// 프로젝트 디렉토리 이동
cd my_app


// vscode 실행
code .

프로젝트 생성

 

 

 

2. iOS Simulator 실행

iOS Simulator 실행 방법은 간단하다. 프로젝트 디렉토리에서 명령어를 통해 구동시켜주면 된다. 동작한 Simulator의 화면은 프로젝트의 App.js 파일에 의해 생성된 기본 화면이다.

 

처음 시작했을 때에는 수정한 내용이 바로 적용이 되지만, 'Disable Fast Refresh' 항목으로 적용할 경우, Simulator를 새로 고침을 해야 반영이 된다. 단축키는 다음과 같다.

• Simulator - 'Command + D' - Disable Fast Refresh
• 코드 수정
• Simulator - 'Command + R' (새로 고침)

 

// 터미널 1
npm start


// 터미널 2
react-native run-ios

// 터미널 2 (Simulator 지정)
react-native run-ios --simulator="ipone 8 Plus"

iOS simulator

Simulator 종류는 다음과 같다.

Simulator 종류

 

 

 

 

3. Android Emulator

Android Emulator 실행 방법도 간단하다. 

react-native run-android

 

iOS Simulator와 다른점은 변경된 내용을 적용하는 단축키가 다르다. 

• Emulator - 'Command + M' - Disable Fast Refresh
• 코드 수정
• Emulator - 'R (x2)' (새로 고침)

 

Android Emulator