서비스 아이디어
레시피 저장, 식단 메모, 장보기 앱이 제각각 분리되어 있어 발생하는 비효율에 주목했습니다. 이 파편화된 경험을 하나로 묶어 '레시피 등록 → 달력 배치 → 필요 재료 자동 추출 및 장보기 목록화'라는 자연스러운 유저 저니(User Journey)를 설계하고 프로덕트화했습니다.
./kitchen.summerflowlabs
부엌달력
부엌달력은 매일 반복되는 식사 계획과 장보기 준비의 번거로움을 해결하기 위해 만든 개인 웹 서비스입니다. 레시피 아카이빙, 주간 식단 배치, 그리고 이를 기반으로 한 자동 장보기 목록 생성을 하나의 파이프라인으로 연결했습니다. Next.js, React, Supabase, TanStack Query, Zustand를 활용하여 모던 웹 아키텍처를 직접 설계했습니다.
kitchen.summerflowlabs.log
$ role
제품 기획, 웹 개발, 데이터 흐름 설계, 운영
$ stats
서비스: 레시피 + 식단 달력 / 흐름: 계획 → 장보기 / 범위: Web app
$ focus
- - 구조화된 데이터 포맷 기반의 개인 레시피 관리 시스템 구축
- - date-fns 기반의 유연한 주간 식단 캘린더 인터페이스 구현
- - 식단 재료 데이터를 파싱하여 유기적으로 연동되는 장보기 목록 엔진 개발
제품 흐름
유저는 커스텀 레시피 스키마에 맞춰 재료와 조리 순서를 기록하고, 이를 드래그 앤 드롭이나 클릭으로 주간 달력에 자유롭게 배치할 수 있습니다. 시스템은 배치된 식단의 재료 정보를 취합해 실시간 장보기 체크리스트를 연산합니다. 나아가 소셜 요소인 '옆집 레시피' 탭을 통해 다른 유저의 검증된 식단을 서핑하고 내 달력으로 가져오는 공유 경제 흐름을 확장했습니다.
구현과 운영
Next.js 서버 사이드 렌더링(SSR)과 Supabase BaaS를 결합하여 가볍고 빠른 풀스택 환경을 구축했습니다. TanStack Query로 서버 상태를 유지하고, Zustand로 전역 UI 상태를 가볍게 제어합니다. 사이드 프로젝트 수준에 머무는 것이 아니라, 실제 도메인을 연결하고 실사용 데이터를 검증하며 비즈니스 로직을 지속적으로 고도화하고 있는 실전형 제품입니다.