지니용 개발 블로그

RN - 설치와 실행

 
  • 2019년 09월 17일

순서

  1. npm 설치
  2. ReactNative CLI 설치
  3. 프로젝트 실행

npm 설치

Windows OS - Ubuntu

주의 : 윈도우의 경우 WSL (Windows Subsystem For Linux) 을 통해 ubuntu 를 먼저 구축하자.

sudo apt-get update
sudo apt-get dist-upgrade
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
node -v

Mac OS

주의 : 맥의 경우 HomeBrew 가 사전 설치 되어 있어야 함

brew install node
brew install watchman

watchman : 파일 변경 추적을 위한 툴

ReactNative CLI 설치

npm install -g react-native-cli

프로젝트 실행

프로젝트 생성

react-native init [프로젝트 명] 명령을 통해 프로젝트 생성

react-native init TestProject

Android 실행

주의 : 안드로이드 스튜디오 및 안드로이드 에뮬레이터가 설치되어 있어야 함.

Android Studio

  1. 안드로이드 스튜디오 에서 RN 프로젝트 열기
  2. 안드로이드 스튜디오 Message창에서 install Bulid Tools xxx and sync project를 눌러서 현재 리액트 네이티브의 버전에 맞는 sdk 를 설치
  3. 설치한 sdk 버전에 맞는 AVD 설치
  4. 리액트 네이티브 안드로이드 실행
react-native run-android

Android & RN 관련 명령어 정리

# Android Emulator  avd 리스트 보기
emulator -list-avds

# Android Emulator avd wipe data
emulator -avd Nexus_5X_API_28 -wipe-data

# Android Emulator avd run
emulator -avd Nexus_5X_API_28

# clean start
emulator -avd Nexus_5X_API_28 -no-cache

# 실서버 apk 빌드
./gradlew assembleRelease

# 리액트 네이티브 개발환경 run
react-native run-android
검색