리액트 네이티브 CLI 셋업

찰규

·

2026년 3월 10일 (5개월 전)

리액트 네이티브 CLI 셋업

1. Java 17 설치

React Native Android 빌드에 사용할 JDK는 Java 17 버전이다.

  • 자바 설치 링크
  • 설치 파일 실행 후 단계 따라 설치
  • 설치 후 환경변수 설정
    • JAVA_HOME 변수에 Java 17 설치 경로 추가 (예: C:\Program Files\Java\jdk-17.0.x.x)
    • 시스템 변수 Path%JAVA_HOME%\bin 추가
  • 커맨드 라인에서 버전 확인:
    java -version
    # 출력 예시: openjdk version "17.0.x"
    

2. React Native CLI 도구 설치

npm install -g react-native-cli

3. Android Studio 및 에뮬레이터 설정

  • Android Studio 설치
  • Android Studio 설치 링크
  • Android SDK, 가상 디바이스(AVD) 생성 및 하드웨어 가속 설정
    • Android Studio 실행 후 More Actions 클릭
    • Virtual Device Manager 선택
    • '+' 클릭 후 Pixel 아무거나 선택하고 Next
    • API 36+ Google Play Intel x86_64 Atom System Image 선택 후 Finish
  • 환경 변수 설정
    • ANDROID_HOME 변수에 SDK 경로 지정 (%USERPROFILE%\AppData\Local\Android\Sdk)
    • Path 변수에 아래 폴더들 추가:
    • %ANDROID_HOME%\emulator
    • %ANDROID_HOME%\tools
    • %ANDROID_HOME%\tools\bin
    • %ANDROID_HOME%\platform-tools

4. React Native CLI 프로젝트 생성

npx @react-native-community/cli init MyNewApp --version 0.83.3
cd MyNewApp

5. 생성된 프로젝트 실행

npx react-native run-android