React Native 설치 및 환경설정 -windows

 

1. node js 설치

nodejs.org/ko/

Node.js

일단 위 경로로 들어간뒤 Nodejs를 설치한다.

 

필자는 window의 설치했으며 v14.15.4 버젼 노드를 사용하고있다.

 

 

2. npm 설치

npm은 node package manager 로 nodejs환경에서 사용할수있는 패키지들을 자유롭게 사용할수있도록 도움을 주는 시스템이다.

 

 

 

3. open jdk 설치

 

www.azul.com/downloads/zulu-community/?version=java-8-lts&os=windows&architecture=x86-64-bit&package=jdk

Java Download | Java 8, Java 11, Java 13 - Linux, Windows & macOS

위 설치 화면에서 안드로이드앱을 구동시키긴 위한 jdk를 msi파일로 다운로드 합니다.

 

아래처럼 java -version 명령어를 입력했을때 정상적으로 1.8 version이 잘나오면 설치가 완료된것입니다.

 

4. python 설치

react native는 빌드시스템은 python으로 이루어져 있기에 python을 설치해줘야한다.

 

 

www.python.org/downloads/

Download Python

위 홈페이지에서 3.8.3을 설치한다.

 

python --version 명령어를 입력한후 정상적으로 버전이 명시되면 설치가 된것이다.

 

 

5. React Native CLI  설치

react native cli설치한다.

 

cmd창을 열고 아래의 명령어를 입력 -g는 전역으로 설치한다는 의미이다.

npm install -g react-native-cli

 

react-native --version 을 통해 잘 설치됬는지 확인한다.

 

6. Android studio  설치

 

developer.android.com/studio

Download Android Studio and SDK tools  |  Android 스튜디오

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

 

 

설치후 FINISH를 눌러주면 안드로이드 스튜디오가 실행된다.

 

실행후 sdk를 설정해줘야한다

 

 

 

설치한다 그대로

 

 

위화면이 나오면 Configure -> Default project structure 를 클릭

설치한 jdk 경로를 넣어준다 C:\Program Files\Zulu\zulu-8

 

설치가 완료되면 이제 윈도우 시스템 환경 변수를 설정 해야한다

 

속성을 클릭

 

 

고급 시스템 설정 클릭

환경변수를 클릭하고

 

사용자 변수에서 새로 만들기를 클릭한뒤 

 

변수 이름 : ANDROID_HOME

변수 값 : <sdk 지정한 폴더 경로>

 

위와 같이 입력한다 그리고 Path를 편집하여

 

 

platform-tools경로까지 입력후 저장한뒤

 

cmd를 실행

 

그 후 adb --version 까지 입력해준뒤 버전이 잘나오면 정상적으로 작동하는것이다.