[Frontend/React Native] 개발 환경 설정하기 (React Native Cli)

# node js 설치하기 (웹사이트 참조)

 

Node.js

설치 후, 아래의 명령어 실행

node --version

npm --version (Node 설치 시, 자동 설치)

 

# react native 환경 설치

npm install react-native-cli -g

 

# 환경변수 추가

경로를 확인하기 위해서는 Android Studio를 켜서 File - Settings 탭을 누르면 다음과 같이 확인하실 수 있습니다.

 

 

이제 저 값을 따로 메모장에 저장해 둔 다음 환경 변수를 설정하기 위해 다음과 같이 "환경 변수" 라고 검색을 해 줍니다.

그러면 시스템 환경 변수 편집 이라는 항목이 뜨는데 그것을 클릭해줍니다.

 

 

 

이제 환경변수 편집 창에서 ANDROID_HOME 을 추가합니다. 꼭 밑에있는 시스템 환경변수에 추가를 해야 합니다.

 

 

이어서 위에 있는 "XXX에 대한 사용자 변수"  에서 Path 부분을 더블클릭하여 환경변수 항목을 하나 추가해줍니다.

platform-tools 폴더 경로를 추가합니다. 이 경로는 바로 위에서 등록한 ANDROID_HOME 바로 하위에 있는 폴더이기 때문에 위의 경로를 그대로 복사해 주고 \platform-tools 를 붙여주면 됩니다.

 

(아래 이미지 클릭)

 

# 프로젝트 생성 및 실행

이제 다음과 같은 명령어로 프로젝트를 생성 및 실행할 수 있습니다.

 

# 프로젝트 생성
react-native init [프로젝트명]

# 프로젝트 폴더로 이동
cd [프로젝트명]

# 프로젝트 실행
npx react-native run-android