빠르게 비교하기
대표 추천과 다른 후보를 함께 보여줘 한 메뉴에 머물지 않고 바로 비교할 수 있습니다.
PROJECT 01 · LIVE SERVICE
점심먹개
맛, 온도와 음식 종류를 고르면 점심 메뉴를 추천하는 무료 웹 서비스입니다. PPStudio가 기획, 디자인, 개발과 운영을 맡고 있습니다.
- 역할
- 기획 · 디자인 · 개발 · 운영
- 형태
- 모바일 중심 웹 서비스
- 기술
- React · TypeScript · Node · Cloudflare
- 상태
- 지속 운영 중
실제 운영 화면
아래 화면은 2026년 7월 26일 점심먹개 운영 서비스를 390×844 모바일 환경에서 직접 확인해 캡처했습니다. 메뉴판과 추천 결과는 운영 데이터와 무작위 선택에 따라 달라질 수 있습니다.
출발점
점심시간에는 선택지가 많을수록 오히려 결정이 늦어지곤 합니다. 무작위 추천만으로는 지금 원하는 맛이나 식사 조건을 반영하기도 어렵습니다. 그래서 가입이나 긴 질문 없이 몇 가지 조건만 고르면 바로 후보를 볼 수 있도록 만들었습니다.
추천이 작동하는 방식
- 295개 메뉴를 매운맛·든든함·국물·따뜻함 등 7가지 정도값과 음식 스타일·주재료·형태·조리법으로 구조화합니다.
- 사용자가 활성화한 조건만 비교하고, 중요하게 표시한 조건에는 더 큰 비중을 줍니다.
- 상위 후보 안에 적당한 무작위성을 적용해 같은 메뉴만 반복되는 현상을 줄입니다.
- 시간이 없을 때는 태그 퀵픽과 ‘아무거나’, 천천히 볼 때는 메뉴판을 제공해 선택 방식 자체를 고를 수 있게 합니다.
- 결과에서 메뉴 검색과 지도 검색으로 이어지게 해 추천이 실제 점심 선택으로 연결되도록 합니다.
추천은 AI가 개인을 학습하는 방식이 아닙니다. 사용자가 직접 고른 조건과 메뉴 특성을 비교하는 규칙 기반 알고리즘이며, 싫어요 메뉴는 다음 추천 후보에서 제외합니다.
화면에 남긴 네 가지 동작
추천 이유 표시하기
선택한 조건과 맞는 항목을 최대 두 개까지 표시해 왜 추천됐는지 알 수 있게 했습니다.
오류가 생겨도 계속 사용하기
저장된 메뉴 목록과 임시 결과, 다시 시도 버튼을 준비해 일부 요청이 실패해도 가능한 기능은 유지합니다.
기록은 브라우저에 보관하기
좋아요·싫어요와 확인 기록은 브라우저에 저장하고, 위치 좌표는 지도 검색 주소를 만들 때만 사용합니다.
앱이 멈춰도 안내는 열리게 했습니다
추천 방식, 서비스 소개, 개인정보처리방침, 이용약관과 문의는 별도 정적 페이지에서 읽을 수 있습니다. 메뉴 데이터가 바뀌면 카드 설명과 관련 문서도 함께 확인합니다.
서비스는 React·TypeScript 프론트엔드와 Node API, Cloudflare Pages Functions로 구성했습니다. 안내 문서는 앱이나 API 상태와 관계없이 읽을 수 있도록 정적 페이지로 분리했습니다.
운영 서비스 보기
현재 공개 중인 점심먹개에서 추천과 메뉴 탐색을 직접 확인할 수 있습니다.
서비스의 실제 추천 기준은 점심먹개 추천 방식에서 자세히 확인할 수 있습니다.