React Native Windows 개발 환경 설정하기



윈도우즈에는 초코렛티(Chocolatey)라는 윈도우즈 패키지 매니저가 있다.
꼭 매니저 세팅을 해야 하는가? 내가 직접 해보자는 마음으로 시작해보았다.

1. Node.js 설치

LTS 버전으로 받았다.

설치 경로 수정 해서 Next 설치!


2. Python 설치

Stable Releases Windows Installer 다운로드 받는다.

Add Python 3.8 to PATH 선택하여 환경 변수에 추가 했다.



Customize installation 선택으로 설치 진행
Install for all users 체크
설치 경로 변경 후 Next 설치!


3. React Native CLI 설치

npm(Node Package Manager)으로 설치한다.

모두 전역 설치( -g )할 것이며 설치 경로도 변경하겠다.
npm root -g (현재 전역 설치 경로를 확인)
npm config set prefix "설치 경로"
npm config set cache "설치 경로\npm-cache"
설치 경로가 변경 완료

npm install -g react-native-cli 명령어 입력으로 설치 한다.


4. jdk 설치

Java SE - Downloads 에서 최신 버전으로 Windows Installer 받는다.

설치 경로 변경 후 Next 설치!


5. Android Studio 설치


설치 경로 변경 후 설치 시작

Import Android Studio Settings 단계에서
Do not import settings 선택

Install Type 단계에서
Custom 선택

SDK Components Setup 단계에서
Android SDK Location 변경 후 Next


6. 환경 변수 설정

ANDROID_HOME 설정
위에 설정한 Android SDK Location으로 설정 한다.

PATH에 platform-tools 추가

PATH에 npm 전역 경로 추가


7. 샘플앱을 만들고 실행 해보자

react-native init SampleApp 실행하여 샘플앱 생성
react-native run-android 로 실행

아.. 실패 하였다.
gradle 버전을 바꿔서 다시 시도

해당 경로의 해당 파일을 열어서 버전 수정

gradle-6.2에서 gradle-6.3으로 변경 후 다시 실행

다시 실패...
이번엔 Google Play Licensing Library 설치

그리고 재실행

드디어 성공!!

이제 React Native 세계로 떠나보자.

댓글