Windows에서 react-native 개발환경 세팅하기

React Native는 iOS 및 Android 모바일 애플리케이션을 만드는 데 사용되는 JavaScript 기반의 프레임워크입니다. 이번에는 Windows 운영체제에서 React Native 개발 환경을 설정하는 방법에 대해 알아보겠습니다.

1. Chocolatey 설치

Chocolatey는 Windows에서 패키지 관리를 위한 도구입니다. React Native 개발을 위해서는 Chocolatey가 필요합니다. Chocolatey를 설치하려면 PowerShell을 열고 다음 명령을 실행하십시오.

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

위 명령을 실행하면 Chocolatey가 설치됩니다.

Chocolatey - The package manager for Windows

 

2. Node.js 설치

React Native를 개발하기 위해서는 먼저 Node.js가 필요합니다. Node.js를 설치하려면 PowerShell을 열고 다음 명령을 실행하십시오.

choco install nodejs-lts

위 명령을 실행하면 Node.js가 설치됩니다.

 

3. JDK 설치

React Native를 사용하여 Android 앱을 개발하려면 JDK(Java Development Kit)가 필요합니다. JDK를 설치하려면 PowerShell에서 다음 명령을 실행하십시오.

choco install jdk8

위 명령을 실행하면 JDK가 설치됩니다.

 

4. Android Studio 설치

Android Studio는 Google에서 제공하는 안드로이드 앱 개발 도구입니다. React Native를 사용하여 Android 앱을 개발하려면 Android Studio가 필요합니다. Android Studio를 설치하려면 공식 웹사이트에서 Android Studio를 다운로드하고 설치하십시오.

Download Android Studio & App Tools - Android Developers

 

5. React Native CLI 설치

React Native CLI를 설치하려면 PowerShell에서 다음 명령을 실행하십시오.

npm install -g react-native-cli

위 명령을 실행하면 React Native CLI가 설치됩니다.

 

6. React Native 프로젝트 생성

터미널에서 React Native 프로젝트를 생성하려면 다음 명령을 실행하십시오.

npx react-native init my-project

위 명령을 실행하면 my-project라는 새로운 React Native 프로젝트가 생성됩니다.

 

7. React Native 프로젝트 실행

React Native 프로젝트를 실행하려면 PowerShell에서 프로젝트 디렉토리로 이동한 다음 다음 명령을 실행하십시오.

cd my-project
npx react-native run-android

위 명령을 실행하면 Android 시뮬레이터에서 React Native 앱이 실행됩니다.