React-Native를 활용해 어플을 만들기위해서 필수적으로 거쳐야하는 환경설치가 있다.
참고로 나는 윈도우를 사용하기에 ios는 다루지 않는다.
우선적으로 설치할것들은
- Android Studio
- Node.js
- Android SDK
- Android- Virtual Device
- JDK
이것들을 모두 다 설치했다면
이제,
Android Studio 에서 File - Settings - Appearance & Behavior - System Settings - Android SDK 에서
Android SDK Location 의 Directory 설정 경로를 복사하여
내컴퓨터 - 시스템속성 - 환경변수 설정 - 변수 이름을 'ANDROID_HOME' 으로 설정,
변수 값에는 방금 복사한 경로를 추가한다.
또한, platform-tools 또한 환경변수로 추가해줘야하기에
C:\Android\tools\bin\platform-tools 를 환경변수로 추가한다.
다 마쳤으면, cmd 나 VSC 터미널을연뒤 다음 코드를 순서대로 입력한다
1. npx react-native init 새프로젝트명
(새프로젝트명 자리에는 자신이 만들고자하는 파일 이름을 쓰면된다.)
2. cd 새프로젝트명
3. npx react-native start
4. npx react-native run-android
여기까지하는데 문제가 없었다면 Virtual Device가 잘 실행되면서
다음과 같은 창이 뜰꺼다.
이 화면을 보고있다면 성공한거다 !!
'프로그래밍언어 > React' 카테고리의 다른 글
React 실행과 종료 요약 (0) | 2022.01.19 |
---|---|
React 실행 , React 시작하기 , npm start (0) | 2022.01.19 |
React npm 오류 / You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0). / npm init react-app (0) | 2022.01.19 |
React 개발 환경 셋팅 및 설치 (0) | 2022.01.19 |
React-Native ES6 기초문법 (0) | 2021.07.24 |