react-native 1. 윈도우에서 react-native 안드로이드 세팅하기

Ho Kim·2022년 11월 25일
0

react-native

목록 보기
1/3
  1. choco 설치
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
  1. Node와 JDK 설치
choco install -y nodejs-lts openjdk11

JAVJ_HOME 설정하기

  1. 안드로이드 스튜디오 설치하기
    3-1] 홈페이지에서 다운로드
    3-2] Android Virtual Device 도 꼭 체크해서 함께 설치하기
    3-3] ANDROID_HOME 설정하기
    3-4] pathSdk/platform-tools 위치 추가하기

    1년 반 전 쯤에 saver 프로젝트 하느라 안드로이드 스튜디오를 깔았었는데 그것 때문에 이번에 세팅하는데 좀 애를 먹었다.

    일단 안드로이드 스튜디오 4.2 버전에는 리액트 네이티브 홈페이지에서 요구하는 Android 12 (S) SDK가 없었다. 그냥 31 버전만 있었다.
    그리고 jdk 1.8이 이미 연결되어 있었고, JAVJ_HOME 환경변수를 바꿔도 안드로이드 스튜디오 4.2 버전에서 인식을 못하는 것 같았다.
    결국 안드로이드 최신 버전을 새로 깔고 설정을 다시 했는데, 여전히 인식을 못했다. 알고보니 이전에 설정한 위치가 잘못된 위치였다.
    C:\ProgramData\chocolatey\lib\openjdk11인줄 알았는데,
    C:\Program Files\Eclipse Adoptium\jdk-11.0.17.8-hotspot 이었다.

    수정하고 다시 실행하니 잘 돌아갔다.

  2. 리액트 네이티브 기본 앱 만들기

npx react-native init myApp
cd myApp

// 타입스크립트로 만들고 싶을 경우
npx react-native init MyApp --template react-native-template-typescript
  1. 실행하기
    5-1] 안드로이드 애뮬레이터(S API 레벨 31 이미지) 켜기
    5-2] npx react-native start 으로 Metro 시작하기
    5-3] npx react-native run-android 으로 앱 시작하기

1개의 댓글

comment-user-thumbnail
2024년 3월 31일

JAVJ_HOME이라고 오타가 있는거 같네요

답글 달기