[챕터 1-1] 리액트 네이티브 개발환경 설치 및 설정

윈도우 개발 환경 설정

윈도우(Windows)에서 리액트 네이티브를 개발하기 위해서는 노드, 파이썬(Python),
안드로이드 스튜디오 등을 설치해야 한다.

---

1. 초코렛티 설치

https://chocolatey.org/

Chocolatey - The package manager for Windows

---

다운로드 페이지 하단 부분에 설치 방법 소개

파워쉘 관리자 권한 실행 후 아래 명령어 입력
Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

(*) 위 코맨드는 버젼에 따라 달라질 수 있음.

 

---

초코버젼 확인

choco -version

파워쉘 닫기

---

2. 노드(자바스크립트 런타임) 설치

파워쉘 관리자 권한 실행 후 아래 명령어 입력
choco install nodejs --version 12.8

 

버젼 확인 (cmd)
node --version
npm --version

기존 파워쉘 닫기

---

3. 파이썬 설치 (관리자 권한 실행)

choco install -y python2

기존 파워쉘 닫기

---

파이썬 버젼 확인 (파워쉘 관리자 실행)

python --version

 

---

4. 자바 개발 킷 설치 (관리자 권한 실행)

choco install -y jdk8

기존 파워쉘 닫기

---

자바 컴파일러 버젼 확인
javac -version

---

5. 리액트 네이티브 CLI 설치 (관리자 권한 실행)

npm install -g react-native-cli

기존 파워쉘 닫기

---

버젼 확인 (CMD에서 확인 가능)
react-native --version

---

6. 안드로이드 스튜디오 설치

기본설정대로 설치 진행
https://developer.android.com/studio

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

안드로이드 실행 후
설치 타입 옵션을 Custom 을 선택해서 자신이 선호하는 테마를 선택한다

SDK 컴포넌트 셋업 : 안드로이드 가상 디바이스도 체크박스에 추가로 선택한다.
(*) 설치 경로에는 기본적으로 한글명이 있으면 설치가 안된다.

안드로이드 스튜디오 설치 완료 후 Configuration - SDK Manager
하단에 Show Package Details 체크박스 선택 후

[Android 9.0 (Pie)] 기준

Android SDK Platform 28
Sources for Android 28
Intel x86 Atom System Image
Google APIs Intel x86 Atom System Image
Google APIs Intel x86 Atom_64 System Image

 

위의 항목 체크하고 설치 

(*) 안드로이드 버젼에 따라 상이할 수 있음

---

시스템 설정 - 환경변수 - 새 사용자 변수

변수이름 : ANDROID_HOME
변수 값 : C:\Users\MINHOHA\AppData\Local\Android\Sdk
(*) AppData 폴더는 숨김 폴더


시스템 설정 - 환경변수 - 새 사용자 변수
변수이름 : Path
C:\Users\MINHOHA\AppData\Local\Android\Sdk\platform-tools

 

확인버튼 클릭 후 시스템 설정 닫기

 

---

환경변수 설정 확인 

CMD : adb

 

---

리액트 네이티브 참고자료

 

https://aboutreact.com/beginner/

Beginner - About React

https://g6ling.gitbooks.io/react-native-tutorial-korean/content/

소개 · react-native-tutorial-korean