[React-Native] Windows 운영체제에 React-Native 개발 환경 구축하기

맥에서만 작업하다가 윈도우에서 작업해야할 일이 생겼습니다. 윈도우에 React-Native 개발 환경을 구축하는 방법을 안내합니다.

 

JDK 설치

아래 링크를 통해 JDK 11을 설치합니다. 

Download the Latest Java LTS Free

설치 후 프롬프트를 열어 아래 명령을 통해 JDK 설치 여부를 확인합니다.

java -version

 

Node.js 설치

Node.js LTS 버전을 설치해 주세요. 글 작성일 기준 최신 LTS 버전은 18.17.1이었네요.

Download | Node.js

설치 후 프롬프트에서 아래 명령을 통해 노드 설치 여부를 확인합니다.

node -v

 

Npx 설치

RN을 사용하기 위해 npx를 추가로 설치합니다. 아래 명령을 통해 전역적으로 npx를 설치해 주세요.

npm i npx -g

 

Android SDK 33 설치

안드로이드 스튜디오를 사전에 설치해 주세요.

이 글에서는 에뮬레이터를 설치하여 사용하지 않습니다. 에뮬레이터를 사용해야 하는 경우 에뮬레이터를 추가로 설치해 주세요.

x86-64 아키텍처 기준입니다. arm 아키텍처 윈도우를 사용하는 경우 다르게 설정해주어야 합니다.

안드로이드 스튜디오 -> File -> Settings -> Language & Frameworks -> Android SDK 항목에 들어가 스크린샷과 같이 Android 13.0 ("Tiramisu") 하위 항목 내 3가지 요소가 설치되어있는 지 확인해 주세요. 그렇지 않은 경우 설치해 주세요.

 

환경 변수 설정

[ ANDROID_HOME 환경 변수 ]

환경 변수 ANDROID_HOME을 아래와 같이 %LOCALAPPDATA%\Android\Sdk 형식으로 추가해 주세요.

 

[ platform-tools 환경 변수 설정 ]

Path 환경 변수 목록에 %LOCALAPPDATA%\Android\Sdk\platform-tools 형식의 환경 변수를 추가해 주세요.

 

실행

실 기기 사용 시 아래 명령 전 기기를 연결하고 adb devices 명령을 통해 정상적으로 기기를 인식하는지 확인해 주세요.

이제 모든 준비가 완료되었습니다. 아래 명령을 통해 프로젝트를 생성해 보세요.

npx react-native init TestApp

 

출처

Setting up the development environment · React Native