소개
SC AI-Pass 프로젝트에서 UI만 존재하던 여러 화면들을 실제 Firebase / Firestore / Gemini와 연결해 기능 중심의 완성형 앱으로 발전시키는 작업을 진행했습니다. 초기 구조를 다시 점검해 누락된 부분을 파악하고, 사용자 경험을 개선하기 위한 전반적인 기능 통합을 목표로 했습니다.
진행 방법
🔍 분석 및 구조 점검
전체 컴포넌트를 백엔드 완성 / 부분 구현 / 미구현으로 분류
Firebase 연결 여부 및 Firestore 사용 계획 정리
현재 구현 상태 문서화
🛠️ 구현한 주요 기능
1. 사용자 프로필 및 상태 시스템
첫 로그인 시 Firestore에 사용자 프로필 생성
사용자 레벨(L1/L2/L3) 추적
통계(절약한 시간, 완료한 작업, 포인트) 저장
MyStatusScreen을 실데이터와 연결
앱 전체 레벨 뱃지 연동
삼성 스마트 어시스턴트 - 스크린샷
2. 미션 시스템 구축
Firestore
missions컬렉션 생성사용자별 미션 완료 여부 추적
미션 완료 시 자동 포인트 지급
MissionScreen을 정적 UI → 실데이터 기반 UI로 전환
3. 커뮤니티 기능 완성
Firestore
posts컬렉션 생성게시글 작성/조회 기능 구현
좋아요/댓글 기능 추가
프롬프트 복사 기능 활성화
CommunityScreen 전체 Firestore 연동
한국 앱 스크린샷
4. 관리자 대시보드 통합
Firestore에서 신청서 실시간 조회
승인/거부 로직 구현
사용자 통계 및 활동 흐름 조회
기본 사용자 관리 기능 추가
5. 데스크톱 앱 통합 준비
DesktopChat ↔ Firebase/Gemini 연동 예정
DesktopCommunity ↔ Firestore 예정
모바일/데스크톱 간 상태 동기화 구조 설계
주황색 화면이 표시된 전화 앱의 스크린샷
🔧 사용 기술
Firebase Auth (Google 로그인)
Firestore
Gemini AI API
Flutter / React 기반 UI
결과와 배운 점
프로젝트 구조를 전체적으로 다시 보면서 연결 수준의 불균형을 명확히 파악할 수 있었음
Firestore 컬렉션 구조 정리 후 기능 추가 속도가 크게 향상됨
초기 설계 및 문서화의 중요성을 다시 한번 실감
모바일 & 데스크톱 크로스 플랫폼 동기화는 예상보다 복잡해 이후 개선이 필요함
미션/커뮤니티 기능이 실제 사용자 참여도를 높이는 핵심 요소임을 확인
먼저 Gemini를 통해 PRD를 매우 세부적이고 디테일하게 작성하고, 이걸 기반으로 Figma Make를 통해 Design을 1차적으로 하고, Antigravity(Cursor)를 통해 세부적인 기능들을 구현해나가자.
