“가격대 고르고 주소까지! ‘오늘 뭐 먹지?’ 고민을 AI가 해결해준 점심 추천 웹앱 만들기"

소개

점심 메뉴를 고르는 건 매일 반복되는 소소한 고민이었어요.
이런 일상의 불편함을 AI가 대신 해결해준다면 어떨까? 하는 생각에서 시작했어요.

그냥 재미 삼아 해본 게, 정말 쓸만한 웹앱으로 완성되더라고요!

목표는 단 하나!
‘시간 절약 + 실생활에서 바로 쓸 수 있는 AI 웹앱’을 만들자!
[Click Here] 오늘 점심 뭐 먹지?
https://lunch-decider-848858402465.us-west1.run.app

한국어 신청서 스크린샷


진행 방법

사용한 도구

  • Google AI Studio: Gemini 3 Flash Preview 사용

  • 사용자의 현재 위치를 기반으로 가격대에 맞는 점심 메뉴와 주변 식당 정보를 추천하도록 구성

주요 프롬프트 예시

오늘 점심 뭐 먹으면 좋을지 알려주는 앱을 만들어 주세요.
한국의 코드 편집기 스크린샷


개발 과정에서 추가한 기능들

  • 가격대 옵션 버튼:

    • 1만 원 미만

    • 1만 ~ 1만 5천 원

    • 1만 5천 원 이상

  • 한글로 음식 설명 출력

  • 위치 기반 식당 정보: 처음 실행 시에도 바로 식당 리스트가 보이도록 프롬프트 튜닝

  • 식당 리스트 구성 요소:

    • 식당 이름

    • 주소

    • 추천 사유 2~3개

    • 링크 정보 포함

  • 모든 페이지 하단 문구 추가:

    바이브 코딩이 생각보다 쉽다! 어렵지 않다! 나도 할 수 있다!
    생각보다 시도! 1톤의 생각보다 1g의 실행이 더 큰 결과를 만든다.

한국 데이트 앱 스크린샷


[Click Here] 오늘 점심 뭐 먹지?
https://lunch-decider-848858402465.us-west1.run.app

결과와 배운 점

  • 생각보다 정말 간단한 과정이었어요!

  • 프롬프트 튜닝을 통해 Gemini가 더 정확하고 일관되게 동작하게 만드는 과정을 배웠어요.

  • 다음에는 더 다양한 UI 요소도 붙여보고 싶다는 욕심이 생겼어요.

  • Gemini가 결과를 생성할 때 다양한 조건을 정확히 주는 게 핵심이라는 걸 체감했습니다.

  • ‘아이디어’는 그냥 머릿속에 있었고, ‘실행’은 제 일상을 진짜로 바꿨어요!

2
1개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요