Flutter WebでHabitica・GitHub Gist・不動産管理を同時実装 — 競合3社を1日で攻略した話

Context

다양한 서비스 기능을 하나의 AI 생산성 플랫폼으로 통합하는 과정에서 프론트엔드의 비대화를 방지하고 개발 속도를 극대화해야 하는 상황. Flutter Web의 UI 렌더링 효율성을 높이기 위해 복잡한 비즈니스 로직의 분리 배치가 필요함.

Technical Solution

• Edge Function First 전략을 통한 비즈니스 로직의 Deno 백엔드 완전 위임 구조 설계
• XP 계산, 배지 부여, ROI 산출 등 도메인별 핵심 연산을 Edge Function에서 처리하여 클라이언트 연산 부하 최소화
• Supabase Functions invoke를 통한 서버리스 함수 호출 기반의 이벤트 처리 아키텍처 적용
• 배지 시스템의 메타데이터를 JSON 배열 형태로 app_analytics 테이블에 저장하는 스키마 단순화
• Flutter 3.33.0+ 버전의 deprecated API(value → initialValue, withOpacity → withValues) 선제적 대응을 통한 코드 안정성 확보
• flutter analyze 0건 유지를 위한 Lint 에러 실시간 해결 및 정적 분석 기반의 코드 퀄리티 관리