React Native 윈도우 내 개발환경 세팅

개인 노트북은 mac이지만 사내 pc가 window이기 때문에 복습겸 환경세팅을 정리함.

개발 환경은 expo와 react native 두가지 방법이 있지만,

expo는 교육용 딱 그뿐이라고 들었기때문에 거르도록 한다.

물론 expo로 구현가능한 기능들의 범위를 확실히 인지하고, 가능하다면 expo도 좋은듯하다.

휴대폰에도 expo앱만 받아서 간단하게 개발중인 앱을 띄울 수 있었고,

PC에서도 금방금방 확인할 수 있었던걸로 기억한다.

하지만, 사용하지않은 네이티브 모듈때문에 앱 사이즈가 커지는 문제와

expo에서 제공하지않은 모듈이 생기면 추가할 때 불편함이 있는 문제가 있다.

 

기본적으로 create-react-native-app으로 생성할경우는 expo기반으로,

react-native init 으로 생성할경우는 react-native 기반 프로젝트가 생성된다.

 

1. 일단은 Node.js를 설치한다.

https://nodejs.org/

 

설치 후 버전확인 명령을 통해서 node 명령이 잘 실행되면 된다ㅋ

node -–version

node 설치시 기본적으로 npm도 설치가 되기때문에 npm버전도 확인해둔다ㅋ

npm --version

 

2. JDK를 설치한다.

https://www.oracle.com/java/technologies/javase-jdk8-downloads.html

 

3. 안드로이드 스튜디오 설치한다.

https://developer.android.com/studio

 

설치시 INSTALL TYPE 에서 `custom`을 선택하고, UI선택하고,

Performance (Intel ® HAXM)와 Android Virtual Device를 체크해준다.

 

SDK설정에서는 4가지를 체크해준다.

• Android SDK Platform 28

• Intel x86 Atom System Image

• Google APIs Intel x86 Atom System Image

• Google APIs Intel x86 Atom_64 System Image

4. 환경변수 설정

사용자변수 > ANDROID_HOME 추가 (SDK HOME경로)

사용자변수 Path 내 추가 > SDK HOME경로 \ platform-tools

 

adb 명령 확인

 

5. 프로젝트 생성 및 실행

React Native CLI 명령어를 통해 react-native 프로젝트를 생성

react-native init testApp

 

그럼 testApp폴더에 프로젝트가 생성이되어 실행한다.

cd testApp
npm run android

 

ㅇㅇ..