[리액트 네이티브] Windows에서 React Native 설정

 

 

윈도우 환경에서 리액트 네이티브를 이용하여 안드로이드 애뮬레이터에서 실행하기까지 필요한 설정들을 정리해보았다 iOS는 추후에 정리 예정

 

1. 환경변수 설정

1. 시스템 변수 설정

    JAVA_HOME, ANDROID_SDK_ROOT 2가지 시스템 변수를 추가

    변수 이름: JAVA_HOME

    변수 값: C:\Program Files\Android\Android Studio\jre

 

    변수 이름: ANDROID_SDK_ROOT

    변수 값: C:\Users\UserName\AppData\Local\Android\Sdk

 

2. 사용자 변수 설정

    Path 선택 후 편집 클릭하여 새로만들기 클릭해서 밑에 패스들 추가

%JAVA_HOME%\bin
%ANDROID_SDK_ROOT%\platform-tools
%ANDROID_SDK_ROOT%\tools
%ANDROID_SDK_ROOT%\tools\bin
%ANDROID_SDK_ROOT%\emulator

2. Android Studio 설정

안드로이드 스튜디오 설치는 각자 알아서 해주세요

 

1. SDK 설치

    File - Settings - Appearance & Behavior - System Settings - Android SDK

        SDK Platforms - 프로젝트에 맞는 SDK 설치

        (SDK버전은 project-name\android\build.gradle 에서compileSdkVersion 버전에 맞춰서 설치)
        SDK Tools - Android SDK Command-line Tools (latest) 설치
        SDK Tools - Google Play Licensing Libray 설치

 

2. 자바 버전 추가

    App: build.gradle 파일에 java 버전 추가 (project-name\android\build.gradle 안드로이드 스튜디오에서 파일 수정 가능)

android {
	...
    java {
        sourceCompatibility = JavaVersion.VERSION_11
        targetCompatibility = JavaVersion.VERSION_11
    }
}

 

3. local.properties 파일에 sdk 경로 추가

    * 이미 추가되어 있으면 손대지 마세요. (가끔 자동으로 생성 안되는 애들이 있음)

    project-name\android\ 경로에 local.properties이름으로 파일 생성 후 아래 내용 붙여넣기 후 저장

    (UserName은 본인 컴퓨터 사용자 이름)

sdk.dir=C:\\Users\\UserName\\AppData\\Local\\Android\\sdk

 

4. 안드로이드 애뮬레이터

    Device Manager 클릭해서 프로젝트 SDK버전과 맞는 애뮬레이터 만들면 됨

    애뮬레이터는 yarn android 혹은 react-native run-android 할 때 미리 켜두기

    애뮬레이터 오류나면 애뮬레이터 종료하고 매니저창에서 Actions - Wipe Data 누르고 다시 시작

    터미널은 2개 켜서 한 쪽은 yarn start 먼저 해놓고 하나는 yarn android 하면 켜짐

    하다가 오류나면 project-name/android 폴더에서 gradlew clean 하고나서 다시 해보기