한샘 인테리어 플래너

TL;DR

작성 예정 — 한샘 인테리어 플래너 프로젝트의 상세 기록을 준비 중입니다.

• 상담·계약·시공 완료까지 흩어진 고객 진행 현황을 앱 내 단일 웹뷰로 일원화
• 플러터 네이티브 안에서 동작하는 풀 웹앱을 3인 팀으로 개발 및 런칭 (총 17개 페이지)
• 요구사항·설계·태스크·구현·리뷰 5단계 코딩 에이전트 워크플로우 + Figma CLI + AI Rules 하네스로 일관된 품질과 기간 단축 달성
• 기존 예상 2~3개월 → 21일(약 62% 단축), 83개 태스크 처리, 테스트 파일 153개

기술 스택 / 아키텍처

작성 예정 — 아래는 골자.

• 프레임워크: React 19 (React Compiler) · TypeScript · Vite
• 상태/데이터: TanStack Query · Zustand · Zod
• UI: Tailwind CSS 4 · Radix UI · framer-motion · lottie
• 플랫폼: Flutter 앱 내장 웹뷰 — Flutter ↔ React 브리지
• 구조: Feature-Sliced (features / shared / pages), 17개 페이지
• 품질/인프라: Vitest 기반 TDD (테스트 파일 153개) · MSW 목킹 · Sentry 모니터링 · dev/qa/stg/prod 다환경 CI/CD

코딩 에이전트 워크플로우

작성 예정 — Requirements → Design → Task → Implementation → Review 5단계 하네스를 이 프로젝트에 적용한 방식. (하네스 자체는 별도 글에서 다룸)

링크

• App Store
• Google Play

상세 내용은 추후 업데이트 예정입니다.