LANGUAGE/React Native

[RN] React-Native 프로젝트 생성 및 빌드

보겸삼촌 2020. 6. 13. 23:52

# 개발환경

os : windows 10 pro 64-bit
chocolatey : 0.10.15
python : 3.6.5
jdk : 1.8.0_211
node : 13.2.0
npm : 6.13.1

 

 

# 사전준비 : 개발환경 세팅

https://bogyum-uncle.tistory.com/151

 

[RN] react-native 환경 구축, windows / expo(x)

# 목적 이전 글들에서는 Expo Cli를 이용해서 react-native를 구축하는 방법에 대해서 기술했으나, 앱의 파일 사이즈가 점점 커지고, Expo에서 제공하지 않는 네이티브 모듈 추가 시 발생하는 문제와 업

bogyum-uncle.tistory.com

 

 

1.  react-native 프로젝트 생성

 

 1.1. 버전 고정

# command
npm config set save-exact=true

 react-native는 호환성, 의존성 때문에 버전에 따라 잘 동작하던 앱이 에러가 발생하는 등의 문제가 자주 발생함.

따라서 버전을 고정할 필요 있음

 

 

  1.2. 프로젝트 생성

# command
react-native init [프로젝트명]

 

  1.3. 프로젝트 빌드

  : 프로젝트를 빌드하기 전에 안드로이드 스튜디오에서 가상 시뮬레이터를 실행한 상태거나, USB를 연결한 개발자 디버깅 모드를 선택한 핸드폰이 연결되어있을 때,

 

해당 프로젝트로 가서 다음과 같은 명령어를 실행

# command
 프로젝트명 > npm run android

 

 

[참고] https://dev-yakuza.github.io/ko/react-native/install-on-windows/