React-Native 환경 설정하기.

1. React Native  홈페이지 ( https://facebook.github.io/react-native/ )에서 Get Started

2. Chocolatey 설치하기 ( 참고 : http://lastone9182.github.io/2017/02/20/chocolatey.html)

윈도우 PowerShell을 관리자 권한으로 실행시킨 후  아래 명령어를 입력합니다.

Set-ExecutionPolicy -ExecutionPolicy Unrestricted
iwr https://chocolatey.org/install.ps1 -UseBasicParsing | iex

성공적이라면 아래 화면 처럼 choco를 입력하면 버전 확인을 할 수 있습니다.

3. Node.js와 Phython2 설치하기

choco가 설치되었다면 아래 처럼 cmd창에서 명령어를 입력하여 설치해줍니다.

관리자 권한으로 cmd창을 실행시켜야 합니다.

Node 

We recommend installing Node.js and Python2 via Chocolatey, a popular package manager for Windows. Open a Command Prompt as Administrator, then run:

choco install nodejs.install choco install python2

nodejs를 설치하고 나서 npm을 실행했는데 명령어가 없다고 해서 놀라지 마세요.

환경변수 설정이 되어 다시 cmd 창을 열면 npm을 정확히 인식합니다.

4. React 네이티브 CLI

Node.js comes with npm, which lets you install the React Native command line interface.

Run the following command in a Terminal:

npm install -g react-native-cli

5. 안드로이드 스튜디오 설치하기

https://developer.android.com/studio/install.html

안드로이드를 설치한 후 처음 실행 할 때 아래 항목을 체크하고 설치하시기 바랍니다.

• Android SDK
• Android SDK Platform
• Performance (Intel ® HAXM)
• Android Virtual Device

이전에 Android Studio를 이미 설치 한 경우 사용자 정의 설치를 수행 하지 않고도 HAXM을 설치할수 있습니다 .

6. SKD 관리자에서 마시멜로우 SDK 설치하기 

3. Install the Android 6.0 (Marshmallow) SDK 

Android Studio installs the most recent Android SDK by default. React Native, however, requires the Android 6.0 (Marshmallow) SDK. To install it, launch the SDK Manager, click on "Configure" in the "Welcome to Android Studio" screen.

The SDK Manager can also be found within the Android Studio "Preferences" menu, under Appearance & Behavior → System Settings → Android SDK.

Select "SDK Platforms" from within the SDK Manager, then check the box next to "Show Package Details". Look for and expand the Android 6.0 (Marshmallow) entry, then make sure the following items are all checked:

Next, select the "SDK Tools" tab and check the box next to "Show Package Details" here as well. Look for and expand the "Android SDK Build Tools" entry, then make sure that Android SDK Build-Tools 23.0.1 is selected.

Finally, click "Apply" to download and install the Android SDK and related build tools.

제일 위에 아이콘을 누르면 Android SDK 화면이 뜹니다. 

아래 Show Package Detail을 클릭해서 아래 목록을 설치하면 됩니다.

• Google APIs
• Android SDK Platform 23
• Intel x86 Atom_64 System Image
• Google APIs Intel x86 Atom_64 System Image

다음으로 SDK Tools에서 23.0.1을 클릭한 후 적용 버튼을 눌러 줍니다.

7. 안드로이드 홈을 설정해 줍니다.

Set up the ANDROID_HOME environment variable 

The React Native command line interface requires the ANDROID_HOME environment variable to be set up.

Go to Control Panel → System and Security → System → Change settings → Advanced System Settings → Environment variables → New, then enter the path to your Android SDK.

Restart the Command Prompt to apply the new environment variable.

Please make sure you export the correct path for ANDROID_HOME if you did not install the Android SDK using Android Studio.

제어판 → 시스템 및 보안 → 시스템 → 설정 변경 → 고급 시스템 설정 → 환경 변수 → 새로 만들기로 이동 한 다음 Android SDK의 경로를 입력합니다.