React Native 설치하기 (윈도우, Android Studio 설치 및 환경 설정)

React Native란 

 

페이스북에서 만든 오픈 소스 프렝미워크로, JavaScript와 React를 사용하여 iOS와 Android를 위한 네이티브 애플리케이션을 개발하는 데 사용한다. 

---

윈도우에서 React Native를 설치하는 과정은 맥과 약간 다르다.

 

1. Node.js 설치

먼저 홈페이지에 접속해 Node.js를 설치한다.

https://nodejs.org/en/

Node.js — Run JavaScript Everywhere

 

현재 최신 버전은 22.1.0이다.

하지만 LTS 버전으로 다운받는다 (LTS: Long Term Support, 오랫동안 지원하는 버전)

 

설정은 기본으로 두고 Next 

 

 

cmd에 node.js가 설치되었는지 확인한다

 

---

2. React Native CLI (Command Line Interface) 설치

(1) Windows PowerShell을 관리자로 실행한다.  

 

(2) npm 명령어를 통해 react-native-cli를 설치한다.

npm install -g @react-native-community/cli

 

(3) react-native-cli가 제대로 설치되었는지 확인한다.

npm react-native--version

 

---

3. Python 설치 

(1) 아래 홈페이지를 접속해 파이썬을 다운받는다.

https://www.python.org/downloads/

Download Python

 

 

Stable Releases(안정적인 버전)를 다운받는다

 

(2) 설치 시 Add python.exe to PATH를 체크 후 Install Now 클릭 

(나중에 환경변수를 별도로 설정해야하는 번거로움을 덜기 위해)

 

(3) 설치 확인을 위해 버전을 검색한다.

 

---

4. JDK 설치

(1) 아래 홈페이지를 접속하여 JDK 설치 (JDK 8이상 권장)

Java 다운로드 | 오라클 (oracle.com)

Download the Latest Java LTS Free

 

(2) 환경변수 설정

- 설정 > 시스템 > 고급 시스템 설정 > 환경변수 

 

- 시스템 환경변수 > Path 더블클릭 > 아래 환경변수 추가 (java가 다운된 경로)

%JAVA_HOME%bin
C:\Program Files\Java\jdk-1.8\bin

 

 

- OOO에 대한 사용자 변수 > JAVA_HOME 추가

C:\Program Files\Java\jdk-1.8\bin

 

(3) 설치확인을 위해 버전을 검색한다.

 

Java 컴파일러도 설치되었는지 확인한다.

 

---

5. 안드로이드 스튜디오(android studio) 설치 

(1) 아래 홈페이지를 접속해 안드로이드 스튜디오를 다운받는다.

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

경로에 한글 이름 폴더를 포함시키지 않는다.

가상머신 우분투 설치할 때 만큼 오래 걸린다 

 

---

6. 안드로이드 스튜디오 환경 설정 

(1) 상단의 메뉴바 설정 > SDK Manager 

 

(2) 아래 패키지를 체크 후 설치한다.

엄청 오래 걸림

 

(3) AVD(안드로이드 에뮬레이터)를 설정한다. 

우측에 있는 퀵메뉴에서 Device Manager를 클릭한다. 

 

Create Virtual Device 클릭 

Pixel 3a 클릭 후 Next 

 

Q (29, x86_64, Android 10.0) 다운로드 후 Next

• Emulated Performance > Graphics : Software로 설정
• Device Frame > Enable device frame 체크 해제 

 

---

7. 안드로이드 스튜디오 환경변수 설정하기

(1) 설정 > 고급 시스템 설정 > 시스템 속성 > 환경 변수 

 

시스템변수 > 새로 만들기 > 새 시스템 변수 추가하기

 

OOO에 대한 사용자 변수 > Path 더블 클릭 < 새로 만들기 

 

설치 확인을 위해 버전을 검색한다.