📍 MyPinSpot← 지도로 돌아가기

MyPinSpot 사용법

MyPinSpot은 즐겨보는 유튜브 채널에서 소개된 맛집·카페·호텔·여행지를 자동으로 정리해서, 지도와 챗봇으로 탐색할 수 있게 해주는 개인용 서비스입니다.

✨ 이 앱이 하는 일

  • 1.등록된 유튜브 채널의 영상을 자동으로 수집해서 제목/설명란/자막을 AI(Gemini)로 분석
  • 2.영상 설명란의 Google Maps 링크로 정확한 가게 좌표를 추출해 지도에 핀으로 표시
  • 3.AI가 각 장소를 어떻게 소개했는지 요약(note)을 달아둬서 “이 가게가 어떤 가게인지” 한눈에 파악
  • 4.자연어로 챗봇에 질문하면 RAG(벡터 검색 + Gemini 답변)로 맞춤 추천

🗺 이렇게 쓰세요

1) 지도 탐색

지도를 팬/줌하면 우측 상단 “현재 지도 내 장소” 목록이 자동 갱신됩니다. 각 장소를 클릭하면 이 장소가 등장한 영상과 AI 노트를 볼 수 있어요.

2) 챗봇으로 자연어 검색

우측 하단 챗봇에 자유롭게 질문하세요.

  • “영등포에서 가족 8명 갈만한 중식집”
  • “제주도 호텔 중 가성비 좋은 곳”
  • “서울 성수동 카페”

AI가 실제로 추천한 장소만 지도 핀으로 하이라이트되고, 리스트도 그에 맞게 좁혀집니다. 초기화하려면 챗봇 우측 상단 ↺ 새 대화.

3) 필터 사용

상단 바에서:

  • 카테고리: 맛집 / 카페 / 술집 / 브런치 / 여행 / 관광지 / 숙소
  • 채널: 특정 유튜버의 콘텐츠만 보기

🎨 핀 색상 가이드

맛집
카페
술집
브런치
여행
관광지
숙소
기타

💡 파란색 원 안에 숫자가 있는 건 여러 핀이 묶인 클러스터입니다. 필터를 카테고리로 지정하면 클러스터도 그 색상으로 통일됩니다.

🔧 관리자 기능

상단 관리 메뉴(Google 로그인 필요)에서:

  • 새 유튜브 채널 URL 등록
  • 영상 ↔ 장소 관계 수동 편집 (추가/삭제/좌표 수정)
  • Google Maps URL을 붙여넣어 장소 자동 인식
  • 실패한 영상 재시도

🛠 기술 스택

AI 분석

Gemini 2.5 Flash

임베딩

Gemini Embedding 001 (768d)

검색

Firestore Vector Search

수집

Python + YouTube Data API

장소 식별

Google Maps Places API

프론트엔드

Next.js 14 + Tailwind