본문 바로가기

06. 앱

00019. [APP-00002] 사진 기반 식물/동물 인식 앱 개발기 #10

반응형

#10. 앱 완성 및 배포 준비

드디어 이번 편은 [APP-00002] 프로젝트의 최종 마무리 단계야! 이제 앱을 다듬고, 배포 가능한 상태로 만들어보자.


🎨 1단계: 앱 아이콘 & 스플래시 화면 설정

앱 아이콘

  1. 원하는 아이콘 이미지를 준비 (512x512 권장)
  2. flutter_launcher_icons 패키지 설치:
dev_dependencies:
  flutter_launcher_icons: ^0.13.1
flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon.png"
  1. 아래 명령어 실행:
flutter pub get
flutter pub run flutter_launcher_icons:main

스플래시 화면

  1. flutter_native_splash 패키지 설치:
dev_dependencies:
  flutter_native_splash: ^2.3.8
flutter_native_splash:
  color: "#ffffff"
  image: assets/splash.png
  android: true
  ios: true
  1. 적용 명령어:
flutter pub run flutter_native_splash:create

📦 2단계: Android/iOS 빌드 및 테스트

Android APK 빌드

flutter build apk --release

생성된 경로: build/app/outputs/flutter-apk/app-release.apk

iOS 빌드 (Mac 필요)

flutter build ios --release

Xcode에서 .ipa 파일로 빌드 및 TestFlight 배포 가능

⚠️ Android의 경우, android/app/build.gradleapplicationId와 버전 정보도 꼭 확인!


🧾 3단계: GitHub 및 블로그 공개 준비

GitHub 업로드

  • .env 혹은 secrets.dart.gitignore에 반드시 추가!
  • 예시용 더미 API 키로 대체 후 올리기
  • README.md에 프로젝트 목적, 기능, 스크린샷, 설치 방법 등 작성

블로그 시리즈 정리

  • 전체 에피소드를 목차 형태로 정리해서 한 눈에 보기 편하게!
  • 실사용 예시 스크린샷 첨부하면 반응 더 좋음

✅ 마무리 정리

  • [APP-00002]는 실생활에 유용한 식물/동물 인식 앱
  • 이미지 업로드부터 실시간 인식까지 완성
  • 도감 저장, API 연동, 카메라까지 풀스택 경험!

앞으로 이 앱을 개선하거나 다른 도메인(예: 곤충, 폐기물, 건축물 등)으로 확장해볼 수도 있겠지?


🎉 고생 많았어! 이제 진짜 하나의 앱을 완성한 거야.
이제 이걸 바탕으로 더 많은 프로젝트를 시작할 수 있어. 😎🌱📲

반응형