AI-Assisted Development Case Study

AI 에이전트를 활용한
모바일 포토북 서비스
구현 과정

도메인 지식도, 모바일 경험도 없이 시작했습니다.
구상하고, 계획하고, 코드를 쌓고, 기능을 연결하기까지—
6단계 과정을 기록합니다.

Chapter 01
🔬
구상
— 무엇을 만들까

문제를 발견하고, AI와 함께 기술적 가능성을 탐색합니다. 두 가지 구현 방향을 비교 분석하여 방향을 결정합니다.

산출물
기술 분석 보고서 — 구현 방안 비교
Chapter 02
🗺️
개발 계획
— 어떻게 만들까

기술 격차를 분석하고, 이를 메울 6개의 커스텀 AI 에이전트를 설계합니다. Android → iOS → 고도화 3단계 로드맵을 수립합니다.

산출물
에이전트 아키텍처 + 개발 로드맵
Chapter 03
🔄
개발 방식
— AI와 어떻게 협업하나

Claude Desktop이 PM으로, Claude Code가 개발자로 역할을 나눕니다. History Hook이 두 AI의 기억을 연결하는 브릿지가 됩니다.

산출물
Dual Workflow 구조 + 반복 개발 루프
Chapter 04
🛠️
드디어 코드
— 분석하고, 이해하고, 구현하다

빌드 환경 구축, 앱 첫 실행, Notion MCP로 API 스펙 자동 조회, 서버 Python 알고리즘 역분석, Android Clean Architecture Domain 레이어 구현까지.

산출물
Domain 모델 + 알고리즘 설계
Chapter 05
🎉
코드를 쌓다
— Data · Presentation · 홈 화면

MediaStore 클러스터링, Orbit MVI Presentation 레이어, WebView JS 주입으로 홈 화면 진입점 추가, 실기기 테스트에서 버그 2개 발견 및 수정까지.

산출물
나의스토리 기능 첫 동작 완성
Chapter 06
🔗
연결
— 스토리에서 포토북으로

스토리 상세 화면(3열 그리드) 구현, 포토북 제작 흐름 연결 시도, FAB 미동작 버그의 근본 원인(productCode 부재) 발견, 웹팀 협업 방식으로 해결 방향 결정.

산출물
상세 화면 완성 + 연결 아키텍처 결정

// 전체 흐름

네 단계의 연결

구상에서 시작해 계획을 세우고 코드를 쌓는 AI 협업 프로세스입니다. 각 단계가 다음 단계의 인풋이 됩니다.

01 · 구상
문제 → 기술 결정
4시간 대기라는 문제를 발견하고, AI가 두 가지 기술 방향을 분석해 최적 방식을 도출합니다.
02–03 · 계획·방식
기술 결정 → 개발 루프
AI 에이전트 아키텍처 설계 + Dual Workflow로 PM(Claude Desktop)과 개발자(Claude Code)가 역할을 나눕니다.
04–05 · 구현
루프 → 실제 코드
Domain → Data → Presentation → 홈 진입점까지 레이어를 쌓아 나의스토리 기능 첫 동작을 완성합니다.
06 · 연결
기능 → 포토북 제작
스토리 상세 화면 추가, 포토북 제작 흐름 연결 시도, 아키텍처 충돌 발견 및 웹팀 협업 방식으로 해결 방향 결정.
"전문가 없이도 AI가 분석하고, 계획하고, 코드를 쓴다.
사람은 방향만 결정하면 된다."
AI팀 · 2025년 2월 · Snaps 포토북 구독 서비스