안녕하세요! 😆
지난 포스팅에서는 실시간 미세먼지 & 날씨 알림 앱의 아이디어와 개발 계획을 세웠습니다.
이번에는 Android 개발 환경을 세팅하고, Flutter 프로젝트를 생성해 보겠습니다!
📌 오늘의 목표:
✅ Flutter & Android Studio 설치
✅ 환경 변수 설정 & flutter doctor 점검
✅ 새 프로젝트 생성 & 에뮬레이터 실행
이제 시작해볼까요? 🚀
🔹 Step 1. Flutter & Android Studio 설치
1️⃣ Flutter 설치
Flutter는 iOS & Android 동시 개발이 가능한 강력한 프레임워크입니다.
👉 Flutter 공식 다운로드
설치 후 환경 변수 설정 필요!
(Windows 사용자의 경우, C:\src\flutter\bin을 시스템 환경 변수에 추가)
설치 완료 후, 제대로 설치되었는지 확인:
flutter --version2️⃣ Android Studio 설치
Flutter 개발을 위해 Android Studio를 사용합니다.
👉 Android Studio 다운로드
설치 후, Flutter & Dart 플러그인을 추가하세요.
1️⃣ Android Studio 실행
2️⃣ 플러그인 설정 → "Flutter" & "Dart" 검색 → 설치
3️⃣ Android SDK & Emulator도 함께 설치
🔹 Step 2. Flutter 개발 환경 점검 (flutter doctor)
설치가 제대로 되었는지 확인하려면 터미널에서 아래 명령어 실행:
flutter doctor출력 예시:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.x.x, on macOS 12.x)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.x)
[✓] VS Code (version 1.76.0)
✅ 모든 체크 항목이 초록색(✓)이면 문제없이 개발 가능!
⚠️ 빨간색(X)이 있으면 해당 문제를 해결해야 합니다.
🔹 Step 3. Flutter 프로젝트 생성
이제 첫 번째 Flutter 프로젝트를 만들어 보겠습니다!
터미널에서 아래 명령어 실행:
flutter create dust_alert_app
cd dust_alert_app✅ dust_alert_app 폴더가 생성되었는지 확인!
🔹 Step 4. 에뮬레이터 실행 & 앱 실행
이제 Android 가상 디바이스(에뮬레이터)를 실행하고 앱을 실행해 보겠습니다.
1️⃣ 안드로이드 에뮬레이터 설정
1️⃣ Android Studio 실행
2️⃣ Device Manager → "Create Virtual Device" 클릭
3️⃣ Pixel 6 (또는 원하는 기기) 선택
4️⃣ API Level 33(Android 13) 이상 선택
5️⃣ 에뮬레이터 실행 후 대기
2️⃣ 앱 실행
에뮬레이터 또는 실기기에서 실행하려면 터미널에서:
flutter run📌 결과: Flutter 기본 화면이 실행되면 성공! 🎉
✅ 오늘의 정리
🎯 완료한 작업:
✅ Flutter & Android Studio 설치
✅ 환경 변수 설정 및 flutter doctor 실행
✅ Flutter 프로젝트 생성 & 실행
🚀 다음 단계:
다음 포스팅에서는 기상청 & 환경공단 API를 연동하여 미세먼지 데이터를 가져오는 기능을 구현해 보겠습니다! 😆🔥
👉 다음 글:
📌 [APP-001] 실시간 미세먼지 & 날씨 알림 앱 #3 - Flutter로 기본 UI 구성 & 화면 설계 (예정)
그럼 다음 포스팅에서 만나요! 😆🚀