📝 윈도우에서 안드로이드 개발 환경 설정

---

안드로이드 개발 환경 설정

• 스터디 어플 개발을 위해 윈도우에서 안드로이드 개발 환경 설정을 해봤습니다.

• React-Native 와 Android Studio를 사용하였습니다.

개발 환경 설정을 위해 먼저 Node.js 와 JDK 가 설치되어 있어야 합니다.

Node.js 공식 사이트 Oracle 공식 사이트 - JDK 17.0.12

---

1. React-Native

ㅤ리액트 네이티브 (React Native) 는 모바일 어플리케이션 개발을 위한 오픈 소스 프레임워크입니다.

ㅤ자바스크립트와 리액트를 사용하여 iOS와 Android 플랫폼에서 앱을 개발할 수 있게 해줍니다.

ㅤ리액트 네이티브를 사용하기 위해선 React-Native-CLI 를 설치해야 합니다.

ㅤ아래의 명령어를 통해 설치를 진행해주세요.

ㅤnpm install -g react-native-cli

ㅤ설치가 완료되었다면 아래의 명령어로 React-Native-CLI 가 잘 설치되었는지 확인해보세요.

ㅤnpx react-native --version

---

2. Android-Studio 설치

ㅤ모바일 어플리케이션을 개발할 때 안드로이드 스튜디오(Android Studio) 는 안드로이드 에뮬레이터와

ㅤ안드로이드 빌드 도구 (SDK) 를 제공하기 때문에 필요합니다.

ㅤ Android Studio 공식 사이트

ㅤ설치가 완료되었다면 Settings - Languages & Frameworks - Android SDK - SDK Platforms 로 이동

ㅤAndroid 14.0 버전 기준

• Android SDK Platforms 34
• Desktop Intel x86_64 Atom System Image
• Intel x86_64 Atom System Image
• Google APIs Intel x86_64 Atom System Image
• Google Play Intel x86_64 Atom System Image
• Google APIs ATD Intel x86_64 Atom System Image

ㅤ위의 박스에 체크하고 OK를 눌러 설치를 진행합니다.

ㅤ다음으로 SDK Tools 를 클릭해주세요.

• Android SDK Build-Tools 36-rc1
• NDK (Side by side)
• Cmake
• Android Emulator
• Android Emulator hypervisor driver (installer)
• Android SDK Platform-Tools
• Intel x86 Emulator Accelerator (HAXM installer)

ㅤ위의 박스에 체크하고 OK를 눌러 설치를 진행합니다.

---

3. 환경 변수 설정

ㅤ설치가 완료되었다면 SDK 환경변수 설정이 필요합니다.

ㅤ사용자 변수에는 아래와 같이 입력해줍니다.

ㅤ변수명 - ANDROID_HOME

ㅤ변수 값 - C:\Users[사용자 이름]\AppData\Local\Android\Sdk

ㅤ시스템 변수의 Path 에는 아래 세 가지를 입력해줍니다.

ㅤ①ㅤC:\Users\사용자 이름\AppData\Local\Android\Sdk\platform-tools

ㅤ②ㅤC:\Users\사용자 이름\AppData\Local\Android\Sdk\bin

ㅤ③ㅤC:\Users\사용자 이름\AppData\Local\Android\Sdk\emulator

---

4. 가상 머신 생성

ㅤPC 환경에서 모바일 개발 진행 상황을 확인할 수 있는 가상 머신을 생성해보겠습니다.

ㅤ▼ 안드로이드 스튜디오 우측 상단의 케밥 메뉴를 클릭해 Virtual Device Manager 를 열어 줍니다.

ㅤ▼ 좌측 상단의 + 버튼을 눌러 새로운 가상 머신 생성을 진행합니다.

ㅤ▼ 가상 머신의 화면 크기를 지정해줍니다. 원하는 크기를 선택하고 Next 를 눌러주세요.

ㅤ▼ 원하는 Android 버전을 선택해줍니다. 위에서 Android 14 빌드 도구를 설치했으므로 14버전을 선택해줍니다.

ㅤ▼ 가상 머신의 이름을 설정하고 Finish 버튼을 누르면 생성 완료입니다.

ㅤ▼ 재생 버튼을 눌러 가상 머신을 실행시켜줍니다.

---

5. React-Native 프로젝트 생성

ㅤ환경 변수 설정이 완료되었다면 아래의 명령어를 통해 React-Native 프로젝트를 생성해주세요.

ㅤnpx react-native init 프로젝트이름

ㅤ프로젝트가 생성되었다면 안드로이드 스튜디오에서 해당 프로젝트를 열어줍니다.

ㅤ그리고 해당 프로젝트 루트에서 터미널을 열어 아래의 명령어로 프로젝트를 실행합니다.

ㅤnpx react-native run-android

ㅤ아래와 같은 프롬프트가 나타나면 a 를 입력하여 안드로이드로 실행해주세요.

ㅤ다음과 같이 리액트 네이티브 로고가 가상 머신 화면에 나타나면 접속 성공입니다.