[React Native] 개발 환경 설정하기

React Native를 처음 시작하며, 그 개발 환경을 설정하는 방법을 간단히 기록하려 한다.

내 경우, 이미 node.js와 Android Studio가 깔려 있었으므로, 실제로 추가했던 과정만 소개하겠다.

 

[공식 문서]   https://reactnative.dev/docs/environment-setup

Setting up the development environment · React Native

 

 

 

1. sdk 관련 환경 변수 설정

1-1.

Android Studio > Tools > SDK Manager에서 기존 sdk의 파일 경로를 확보한 후,

해당 경로를 환경 변수-사용자 변수인 'ANDROID_HOME'으로 추가한다.

 

1-2.

기존의 환경변수-사용자 변수의 'path'에 1-1의 경로 + \platform-tools를 추가한다.

 

 

2. 프로젝트 생성 

여기서부터는 cmd에서 진행한다.

npx react-native init 프로젝트명​

 

 

3. 만든 프로젝트 폴더로 이동

맨 처음에 이 과정을 거치지 않아서 아무것도 실행되지 않는 삽질 시간을 보냈다...

 

 

4. 에뮬레이터 실행해보기

React Native는 Kotlin과는 달리, cmd에서 emulator를 돌리는 특징이 있다.

npx react-native start

npx react-native run-android