00009. 📌 [APP-00001] 실시간 미세먼지 & 날씨 알림 앱 #8 – 앱 디자인 마무리 & Play 스토어 배포 준비하기 🎨🚀

안녕하세요! 실시간 미세먼지 & 날씨 알림 앱 개발 시리즈의 마지막 글입니다.
지금까지 총 7편의 글을 통해 기능 중심의 앱을 만들었는데요, 이제는 사용자에게 제공할 수 있도록 디자인을 정돈하고 배포를 준비해보겠습니다.

---

🎨 1. UI 디자인 마무리하기

🔹 날씨 & 미세먼지 카드 스타일 개선

• Card 위젯에 그림자, 여백, 둥근 모서리 추가
• 색상은 등급에 따라 부드럽게 처리

Card(
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
  elevation: 4,
  margin: EdgeInsets.symmetric(vertical: 8),
  color: bgColor,
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Text(
      '$label: $value㎍/㎥ ($status)',
      style: TextStyle(fontSize: 16, color: Colors.white),
    ),
  ),
)

🔹 아이콘 및 폰트 스타일 통일

• 날씨/위치 아이콘은 Icons.location_on, Icons.wb_sunny 등 사용
• 폰트는 Google Fonts 패키지로 통일감 있게 적용 가능

# pubspec.yaml
fonts:
  - family: NotoSansKR
    fonts:
      - asset: assets/fonts/NotoSansKR-Regular.otf

---

🚀 2. 앱 아이콘 및 스플래시 화면 설정

🔹 앱 아이콘 설정 (flutter_launcher_icons)

dev_dependencies:
  flutter_launcher_icons: ^0.13.1

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/app_icon.png"

flutter pub run flutter_launcher_icons:main

🔹 스플래시 화면 설정 (flutter_native_splash)

dev_dependencies:
  flutter_native_splash: ^2.3.1

flutter_native_splash:
  color: "#ffffff"
  image: assets/splash/splash.png
  android: true
  ios: true

flutter pub run flutter_native_splash:create

---

🏁 3. Play 스토어 배포 준비

🔹 앱 서명 (Signing)

• android/key.properties 생성 후 keystore 정보 등록
• build.gradle에 서명 설정 추가

storePassword=your_password
keyPassword=your_key_password
keyAlias=your_key_alias
storeFile=your_key.jks

🔹 릴리즈 APK 또는 AAB 생성

flutter build apk --release
# 또는
flutter build appbundle --release

🔹 Play Console 등록 절차 요약

1. https://play.google.com/console 접속해 개발자 등록
2. 앱 생성 → 앱 정보 입력
3. AAB 업로드 및 콘텐츠 정책 작성
4. 앱 심사 제출 (보통 1~7일 소요)

---

✅ 마무리

여기까지 따라오셨다면 정말 축하드립니다! 🎉 이제 여러분만의 실시간 날씨 & 미세먼지 알림 앱이 완성되어 실제 사용자에게 배포될 준비가 끝났어요.

물론 지금까지 만든 앱은 완성형이라기보단 기능 MVP에 가깝습니다. 하지만 직접 만들어보고 배포까지 경험해보는 과정 자체가 가장 큰 성장입니다.

---

🎁 보너스 아이디어 (다음 단계 확장)

• 위치 기반 자동 감지 및 다국어 지원
• 위젯/홈화면 기능 추가
• 날씨에 맞는 배경 이미지 전환
• Firebase 연동 (원격 설정, 통계 등)

---

🙌 마무리 인사

8편에 걸친 [APP-00001] 프로젝트 시리즈를 함께해주셔서 감사합니다.
이 경험이 여러분의 첫 앱 개발 또는 Flutter 여정에 도움이 되었길 바랍니다!

궁금한 점이나 피드백은 댓글이나 GitHub를 통해 언제든 환영합니다 💬

그럼, 다음 프로젝트에서 또 만나요! ☁️🌥️🌤️