개발자가 되고 싶은 학생의 정리노트

[RN] 리액트 네이티브 프로젝트 만들기 본문

MOBILE/ReactNative

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

ChloeK 2020. 8. 22. 22:56

1. react-native-cli 설치

npm install -g react-native-cil

yarn global add react-native-cli


2. 프로젝트 생성 및 실행

프로젝트 생성

  • 프로젝트를 생성할때는 init 옵션을 넣어서 만든다.
  • 내가 있는 경로 하위에 프로젝트 폴더가 생긴다.
  • 이 명령어는 실제 리액트 네이틴브 프레임워크 코드를 프로젝트에 포함하게 하는데 이는 이 명령어 안에 npm install react-native를 포함하고 있기 때문이다.

react-native init ['프로젝트 명']

cd ['프로젝트 명']


3. 프로젝트 실행 (Simulator/Emulator)

Android

  • windows+R->appdata->Local->Android->sdk->emulator 로 이동
  • emulator -avd //내꺼는 pie 등등
  • emulator -list-avds // emulator 리스트 확인

react-native run-android

IOS

react-native run-ios --simulator="iPhoneX"