React Native 개발환경 설정 (Windows11)

 

 

Q: React Native를 사용하여 앱개발을 하고 싶어. 초기 환경 설정 알려줘. Windows11 환경이야

 

---

 

React Native를 Windows 11에서 설정하려면 몇 가지 필수 도구를 설치해야 합니다. 아래 단계에 따라 환경을 구성하면 React Native 앱 개발을 시작할 수 있습니다.

---

1. 필수 소프트웨어 설치

✅ Node.js 설치
React Native는 JavaScript 기반이므로 Node.js가 필요합니다.

• Node.js 공식 사이트에서 최신 LTS 버전을 다운로드하여 설치하세요.
• 설치 후, 명령 프롬프트에서 node -v와 npm -v를 실행하여 정상적으로 설치되었는지 확인하세요.

✅ Chocolatey 설치 (선택 사항)
Windows에서 패키지 관리자를 사용하면 설치가 편리합니다.

• 관리자 권한으로 PowerShell을 실행하고 아래 명령어 입력:

  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'))

• 설치 후 choco -v로 정상 설치 확인.

✅ React Native CLI 설치

• 명령 프롬프트에서 다음 명령어 실행: 
• npm install -g react-native-cli
• 설치 확인:

  react-native --version
  

✅ JDK(Java Development Kit) 설치
React Native는 Android 앱을 빌드할 때 Java를 사용합니다.

• OpenJDK 또는 Oracle JDK 설치.
• 설치 후 java -version으로 확인.

✅ Android Studio 설치 및 설정
React Native에서 Android 앱을 실행하려면 Android Studio가 필요합니다.

• Android Studio 공식 사이트에서 다운로드 후 설치.
• SDK Manager에서 Android SDK, Android SDK Platform-Tools, Android Emulator 설치.
• 환경 변수 설정:
  • ANDROID_HOME을 C:\Users\사용자명\AppData\Local\Android\Sdk로 설정.
  • PATH에 platform-tools 추가.

✅ Expo CLI 설치 (선택 사항)
Expo는 React Native 앱을 더 쉽게 실행할 수 있도록 도와줍니다.

• 설치:

  npm install -g expo-cli
  

• 새 프로젝트 생성:

  npx create-expo-app myApp
  

---

2. React Native 프로젝트 생성 및 실행

✅ 새 프로젝트 생성

npx react-native init MyApp

✅ Android 에뮬레이터 실행

• Android Studio에서 가상 디바이스 생성 후 실행.

✅ 앱 실행

cd MyApp
npx react-native run-android

---

반응형

 

 

3. 추가 고려 사항

• VS Code 설치: React Native 개발에 적합한 코드 편집기입니다.
• 디버깅 도구: React Developer Tools 및 Flipper 사용 가능.
• 라이브러리 추가: react-navigation, redux 등 필요한 패키지 설치.

---

이제 React Native 개발을 시작할 준비가 되었습니다! 혹시 특정 부분에서 도움이 필요하면 알려주세요. 🚀

 

 

2025.06.08 - [IT 정보/AI 활용 앱개발] - React Native - 개발 툴 용도 (Android Studio, VS Code)