[K-POP Starpic] Flutter 기반 K-pop 아이돌 스티치, 투표 앱

100만+ 다운로드 글로벌 K-POP 팬덤 앱을 하이브리드에서 Flutter로 전환하고 Clean Architecture로 개편한 프로젝트

기간2025.03 – 2025.01

역할앱 개발 (하이브리드 → Flutter 전환 · 구조 개편)

팀 규모6명

사용 스택

Flutter
Dart
Melos
Clean Architecture
Feature-first
WebView
Alchemy
iOS
Android

라이브 데모

[K-POP Starpic] 하이브리드 앱 → Flutter 전환 & 구조 개편

01. 프로젝트 소개

K-POP Starpic(케이팝 스타픽)은 전 세계 팬들이 아이돌 사진을 공유하며 즐기는 글로벌 K-POP 팬덤 앱입니다. 사진을 픽셀 단위로 색칠하는 스티치(십자수) 콘텐츠와 하트 투표·랭킹·생일투표 등 팬덤 기능을 갖춘, 누적 100만+ 다운로드 규모의 서비스입니다.

저는 기존 하이브리드 앱을 Flutter로 전환하는 마이그레이션을 담당했고, 이 과정에서 프로젝트 전반을 Clean Architecture · Feature-first 구조로 개편하여 결합도를 낮추고 유지보수성과 테스트 용이성을 확보했습니다.

02. 주요 담당 업무

① 🔀 하이브리드 → Flutter 마이그레이션

운영 중인 하이브리드 앱을 Flutter로 다시 구축해, 플랫폼 간 일관된 UI와 네이티브에 가까운 성능·유지보수성을 확보했습니다.

핵심 작업

기존 하이브리드 앱 → Flutter 전환
iOS·Android 일관된 UI/UX
네이티브에 가까운 성능 확보

② 🧱 Clean Architecture · Feature-first 개편

프로젝트를 Clean Architecture · Feature-first 구조로 개편해 결합도를 낮추고 테스트 용이성을 확보했습니다.

핵심 작업

Feature-first 레이어 분리
결합도 해소 · 유지보수성 향상
테스트 용이한 구조 확보

③ 📦 Melos 의존성 관리

Melos를 도입해 다중 패키지 의존성과 스크립트를 통합 관리했습니다.

핵심 작업

다중 패키지 모노레포 관리
공통 스크립트 통합 실행
패키지 간 버전·의존성 일원화

④ 🍎 iOS 대응 & 외부 연동

iOS 최신 버전 대응과 외부 데이터 연동, 지갑 복구 기능을 담당했습니다.

핵심 작업

최신 iOS 대응 웹뷰 프로바이더 설계
Alchemy 외부 데이터 공급자 연동
니모닉 기반 지갑 복구 기능 추가

architecture

Flutter App (Melos monorepo)
   ├── packages/core     →  공통 도메인 · 유틸
   ├── packages/data     →  API · Alchemy · 저장소
   └── features/
        ├── ranking      →  presentation · domain · data
        ├── stitch       →  presentation · domain · data
        └── wallet       →  presentation · domain · data

Feature-first · Melos 모노레포 구조

03. 기술 스택

Mobile

Flutter
Dart

아키텍처

Clean Architecture
Feature-first
Melos

연동 · 네이티브

iOS WebView Provider
Alchemy
니모닉 지갑 복구

플랫폼

iOS
Android

Google Play에서 K-POP Starpic 보기누적 100만+ 다운로드, 실제 서비스 중인 앱입니다. (개발사 METASTAR)