입문약 14일
냉장고 재료로 저녁 메뉴 추천
강의의 예제 프로젝트. 가진 재료를 넣으면 오늘 저녁 메뉴 3개를 추천하고 마음에 든 것을 저장합니다.
Next.jsSupabaseAI APIVercel
누가 쓰나요
퇴근 후 배달 대신 집밥을 먹고 싶지만 뭘 만들지 매번 고민하다 결국 배달을 시키는 1인 가구 직장인.
어떤 문제
냉장고에 재료는 있는데 조합이 안 떠오른다. 레시피 사이트는 재료가 너무 많이 필요하다.
핵심 기능 3개
- 재료를 입력한다 (칩 형태로 쌓임, 브라우저에 기억)
- '추천받기'를 누르면 그 재료로 만들 수 있는 메뉴 3개 + 한 줄 설명 + 소요 시간
- 마음에 든 메뉴를 저장하고 '내 메뉴'에서 다시 본다
성공 기준
내가 실제로 일주일 동안 이 앱으로 저녁 메뉴를 정한다.
안 만들 것
사진 업로드, 영양 정보, 장보기 목록, 소셜 공유.
조각 예시
- 재료 입력 + 칩 목록 (화면만)
- localStorage에 재료 기억
- 가짜 메뉴 3개 카드
- /api/recommend 서버 라우트 (AI API)
- 진짜 추천 연결 + 로딩/에러 상태
- Supabase saved_menus 테이블 + 저장 버튼
- /menus 목록 + 삭제
- 매직 링크 로그인 + RLS
- PWA
확장 아이디어 (20강 이후)
"이 메뉴 또 추천하지 마", 주간 식단표, 자주 쓰는 재료 자동 완성.