[React-Native] 1. 환경 설정 및 프로젝트 생성 - Windows10

1. Chocolatey 설치

 우선 윈도우 패키지 관리자인 Chocolatey를 설치해줍니다. cmd창을 관리자 권한으로 연 후, 아래와 같은 명령어를 입력합니다.

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

 

2. Node.js 설치

 cmd창을 관리자 권한으로 실행한 후, 아래와 같은 명령어를 입력해 Node.js를 설치해줍니다.

choco install -y nodejs.install

 Node.js를 설치하면 Nodejs의 패키지 관리자인 npm도 함께 설치됩니다.

 

 

3. React Native CLI 설치

 cmd창에 아래와 같은 명령어를 입력해 React Native CLI를 설치합니다.

npm install -g react-native-cli

 

4. JDK 설치

 안드로이드 앱 개발을 위해 JDK를 설치해주어야 합니다. cmd창에서 choco를 사용해 jdk를 설치해줍니다.

choco install -y jdk8

 

5. Android Studio 설치

 안드로이드 스튜디오 설치 주소: developer.android.com/studio

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

 안드로이드 스튜디오를 설치해준 후, 환경변수 설정까지 진행해줍니다.

• 환경 변수에 아래와 같이 추가해줍니다.

ANDROID_HOME	SDK 주소 (ex. C:\Users\{User_name}\AppData\Local\Android\Sdk)
PATH	%ANDROID_HOME%\platform_tools 추가

 

6. 프로젝트 생성 후 확인

 아래와 같은 명령어를 입력해 프로젝트를 생성합니다.

react-native init SampleApp

 안드로이드 스튜디오에서 애뮬레이터를 실행한 후 아래 명령어를 통해 실행, 애뮬레이터에서 작동하는 것을 확인할 수 있습니다.

cd SampleApp
# react-native run-android
npm run android

 

 

---

출처 

dev-yakuza.posstree.com/ko/react-native/install-on-windows/