티스토리 뷰

반응형

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

 

Setting up the development environment · React Native

This page will help you install and build your first React Native app.

reactnative.dev

리액트네이티브 CLI로 환경설정하는 방법에 대해서 알아보자. 


1. choco 설치 (설치되어 있으면 패스)

https://woogyun.tistory.com/720


2. jdk 설치 

powershell 터미널에서 아래 코드 입력해서 jdk 설치

choco install -y nodejs-lts microsoft-openjdk11

버전은 리네 공식문서에서 권장하는 jdk11 버전을 따르는 것이 정신건강에 좋음


3. 안드로이드 스튜디오 설치

https://developer.android.com/studio

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com


4. 안드로이드 스튜디오 세팅

안드로이드 스튜디오 설치가 완료되면

1) 세팅에서 android SDK - SDK platform에서 30버전으로 설치 해줌 

2) 경로 확인

꼭 이런식으로 경로가 위치해 있는지 직접 경로 확인해봄 

C:\Users\(사용자 이름)\AppData\Local\Android\Sdk\platform-tools\adb 

만약 해당 경로에 존재하지 않으면 다시 삭제했다가 깔아보기!


5. 환경변수 설정

1) 환경변수 설정에 들어가서 시스템 변수 - 새로만들기 클릭

 

2) JAVA_HOME 시스템 변수 생성해줌 

디렉토리 같은 경우는 jdk-11이 깔려있는 디렉토리로 설정해주면 됨

C:\Program Files\Microsoft\jdk-11.0.18.10-hotspot

(만약에 모르겠으면 git bash 열어서 which javac 코드 입력해서 경로 검색해보면 됨 )

 

3) ANDROID_HOME 시스템 변수 생성해줌 

C:\Users\(사용자 이름 )\AppData\Local\Android\Sdk

 

4) path 시스템 변수 편집

위에서 생성한 시스템 변수를 이용해 추가해줌 

 

모두 끝났으면  git bash에서 which adb 코드 입력해서 경로 설정 잘 되었는지 확인 해봄 

만약 입력했는데 아래와 같은 에러 뜨면 환경변수 설정 잘못된거니까 잘 봐야함.

bash: adb: command not found
반응형

'APP > React Native' 카테고리의 다른 글

1 - expo 설치 및 세팅  (0) 2023.02.02
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
글 보관함