react-native cli 시작 방법 ( 클론한 레포지토리 실행방법 )

https://reactnative.dev/docs/environment-setup 

Setting up the development environment · React Native

공식홈페이지 

 

1. jdk 다운로드

 

먼저  프로젝트를 클론할 경우 자바 jdk8 설치를 해야한다 ( jdk 버전이 맞지 않으면 오류가....)

파이썬도 설치해야 한다는 글이 있는데 꼭 해야하는지는 아직 테스트 해본적 없지만 저는 했습니다.

window

 

https://www.oracle.com/kr/java/technologies/javase/javase8-archive-downloads.html

 

1.새프로젝트를 생성할땐 최신 jdk 를 다운로드 하면된다

 

 

2. 환경설정

 시스템 변수에서 환경설정을 해줘야 합니다. 

(jdk 이후 sdk 도 해야함)

 

변수 이름 JAVA_HOME 

변수 값 C:\Program Files\Java\jdk1.8.0_202  (jdk 버전8일 경우)

그리고 패치까지 추가해줍니다.

C:\Program Files\Java\jdk1.8.0_202\bin (jdk 버전8일 경우)

 

경로는 C:\Program Files\Java 여기에 들어가면 설치된 jdk 폴더가 보입니다. 보시고 각 버전에 맞게 설정하세요

 

cmd 또는 파워쉘에서 설치 및 연결이 잘 되었나 자바 버전 확인 필수  java -version 

 

 

3. 안드로이드 SDK 설치

Android 10 (Q)특히 SDK가 필요합니다 

SDK Manager는 파일 => 셋팅 =>  Appearance & Behavior → System Settings → Android SDK 아래의 Android Studio "Preferences" 대화 상자에서도 찾을 수 있습니다 .

cmd 에서 adb 치고 잘 되나 확인!!

 

4. 에물레이터 다운로드

api29 버전을 다운받아야함 ( reactnative 런 전에 에뮬레이터를 켜주세요~)

 

5. 이번엔 sdk 환경설정 ( 아깐 jdk)

시스템 변수 편집(아래꺼) 에서 

변수 이름  ANDROID_SDK_ROOT 

값 C:\Users\PC\AppData\Local\Android\Sdk

 

이렇게 설정하고 

패치로 내려가 

 

C:\Users\PC\AppData\Local\Android\Sdk\platform-tools 

 

이코드를 추가합니다

 

유저 이름이 pc 가 아니면 각각 본인의 컴퓨터의 이름에 맞게 수정합니다  ( 이부분 C:\Users\PC ) 

 

6. 드디어 리엑트네이티브 프로젝트 생성

 

node.js 나 yarn 이 설치 되어있으면 저렇게 프로젝트 생성만 해도 최신버전에 cli 가 설치된다고 하네요) 

npx react-native init 프로젝트명

(  react-native-cli 는 에러 날 수 있다고 설치하지말라고 합니다..) 

 

혹시 깃에서 클론을 하신분이라면 npm install 을 하세요~

 

7. npx react-native run-android 

 

빌드 시작~

 

ㅂㅈㅂㅁㄴㅇ

ㅇㄹㄴㅇㅁㄴㄹ