‹ 프로젝트
자체 · 서비스MOM'S TABLE운영 중

엄마의 밥상

식당·구내식당의 메뉴 → 식단 → 식수 → 식자재 → 재고 → 발주까지 한곳에서 관리하고, 구성원은 오늘 메뉴와 주간 식단을 보고 알림을 받는 식단 운영 PWA 입니다. 봉봉스튜디오가 무료로 운영합니다(상업화 전). (이전 이름: 밀플로우)

관리자 홈 — 오늘 식수와 확인할 일, 이번 주·다음 주 식단 입력 상태
관리자 홈 — 오늘 식수와 확인할 일, 이번 주·다음 주 식단 입력 상태
첫 화면 — 식단 보기 · 구성원 · 관리자로 나눠 안내
첫 화면 — 식단 보기 · 구성원 · 관리자로 나눠 안내
손님 화면 — 오늘의 메뉴와 이번 주 식단
손님 화면 — 오늘의 메뉴와 이번 주 식단
식단 입력 — 엑셀처럼 칸에 입력, 예정 식수·재료 미등록·2주 안 중복 표시
식단 입력 — 엑셀처럼 칸에 입력, 예정 식수·재료 미등록·2주 안 중복 표시
식수·발주 — 날짜별 계획 식수를 넣으면 식재료비와 발주 필요량을 바로 계산
식수·발주 — 날짜별 계획 식수를 넣으면 식재료비와 발주 필요량을 바로 계산
현재 버전
v1.1.0
단위 테스트
81개
보안 규칙·발송 테스트
42개
이용료
무료 · 광고 없음
기간2026.03 – 현재 (9개월)
역할AI 활용 1인 기획·개발·운영 (Claude Code 활용)
운영봉봉스튜디오 · 무료 서비스 (상업화 전)
저장소비공개 저장소
플랫폼
  • PWA
  • Admin
기술
  • React 19
  • TypeScript
  • Vite 6
  • React Router 7
  • Zustand
  • Firebase Auth
  • Firestore
  • Firebase Hosting
  • FCM 웹 푸시
  • Vitest
  • GitHub Actions

운영

엄마의 밥상은 봉봉스튜디오가 개인으로 운영하는 무료 서비스입니다. 상업화 전이라 이용료·결제·광고가 없습니다.

서비스 이용이나 개인정보 관련 문의는 이 블로그의 문의 페이지로 받습니다.

업체 단위 운영

식당·사업장마다 식단, 관리자, 구성원, 알림이 따로 운영되도록 데이터를 업체 단위로 나눴습니다. 최고 관리자가 업체를 만들고 관리자를 승인·배정하며, 구성원은 참여 링크로 가입합니다.

엑셀처럼 쓰는 식단 입력

날짜×끼니로 된 엑셀형 입력표에 식단을 적거나, 기존 엑셀 표와 월간 달력형 식단표를 그대로 붙여넣기·업로드해 여러 주를 한 번에 등록합니다.

끼니별로 예전에 쓴 메뉴를 자동완성하고, 2주 안에 겹치는 메뉴를 표시합니다. 날짜 칸에는 예정 식수와 재료가 등록되지 않은 메뉴 수를 보여주고, 줄마다 ‘전날 복사’와 ‘비우기’를 둡니다.

메뉴 관리 · 메뉴 공유

메뉴를 식단과 따로 관리합니다. 메뉴마다 분류(밥·국·주찬 등), 1인분 재료와 원가, 식단에 쓴 횟수와 마지막·다음 사용일을 봅니다.

고른 메뉴를 다른 업체에 14일 동안 열리는 링크로 보내면, 받은 업체는 미리 보고 복사해 따로 고쳐 씁니다. 식자재는 이름·단위로 연결하고 없으면 새로 만듭니다.

알림

식단이 바뀌면 구성원의 알림함에 쌓이고, 허용한 휴대폰에는 웹 푸시(PWA)가 갑니다. 알림을 누르면 바뀐 날짜의 식단이 바로 열립니다.

식사 신청 마감 전에도 알림을 보냅니다.

식수 관리

구성원 수를 기준으로 기본 식수를 정하고, 날짜·끼니별 계획 식수를 바로 고칠 수 있습니다. 지난주 식수 복사와 기본값으로 되돌리기를 지원하고, 계획 식수와 실제 식수를 따로 저장합니다.

구성원은 끼니마다 먹어요/안 먹어요로 식사를 신청하고(마감 시각은 업체마다 설정), 관리자는 실제 식수를 넣어 월별 통계로 보고 엑셀로 내려받습니다.

식자재 · 재고 · 발주

식자재마다 단가, 포장 단위(예: 10kg/박스), 공급업체를 등록합니다. 재고 화면에서 입고·사용·재고 조정을 기록하고, 날짜별 식단 사용량을 한 번에 재고에서 뺍니다(두 번 빼지 않도록 표시).

발주 필요량은 ‘식수 × 1인분 재료’를 메뉴별로 합한 뒤 재고를 빼고 포장 단위로 올려 계산합니다. 납품일 기준 주간 발주량과 식재료비를 예산과 비교하고, 공급업체에는 발주서 엑셀이나 30일 뒤 만료되는 열람 링크를 보냅니다.

관리자 편의

관리자 홈에서 오늘 식수와 확인할 일(재료 미등록 메뉴, 예상 식재료비, 신청 마감)을 먼저 보여주고, 변경 이력을 남깁니다. 메뉴는 홈·식단·식수·발주·업체로 묶었습니다.

첫 화면은 식단 보기 · 구성원 · 관리자로 나눠 안내하고, 로그인은 구성원/관리자 탭으로 전환합니다. 320px 같은 좁은 휴대폰 화면까지 가로 스크롤 없이 맞췄습니다.

기술

React 19 + TypeScript + Vite 와 Firebase(Auth·Firestore·Hosting·FCM) 무료 요금제로 만들었습니다. 무료 요금제에는 서버 함수가 없어서, 예약 알림과 계정 처리는 GitHub Actions 예약 작업이 맡습니다.

업체 단위 접근 제어를 Firestore 보안 규칙으로 걸고, 보안 규칙·알림 발송 테스트 42개와 단위 테스트 81개로 검증합니다. PWA 와 오프라인 캐시로 연결이 불안정해도 열립니다.

AI 와 함께 일한 방식

AI(Claude Code)를 활용해 기획·설계·구현·검증·운영까지 1인으로 진행했습니다.

요구사항 정의, 구조 결정(업체 단위 운영, 무료 요금제에서의 알림 방식), 테스트 기준과 배포 판단은 직접 맡았습니다.

관련 글

다음 프로젝트담벼락 ›