대화 한 번으로 완성되는 여행 플래너 : Make Your Timeline Claw

1. 제목

대화 한 번으로 완성되는 일자별 여행 일정표 & 동선 지도 생성 에이전트

Make Your Timeline Claw

2. 최종 배포 주소

https://make-your-timeline.toweringcloud.workers.dev

3. 한 줄 소개

가고 싶은 여행지와 컨셉을 입력하면, AI가 출발지부터 일자별 일정표(타임라인)와 이동 경로 지도를 실시간으로 깔끔하게 정리해 주는 스마트 여행 비서입니다.

4. 프로젝트 설명

• 어떤 문제를 해결하고 싶었나요?
  여행을 준비할 때 블로그, 지도 앱, 메모장을 수십 번씩 번갈아 보며 "동선이 꼬이지는 않는지", "이 날짜에 이 코스가 가능한지" 일일이 맞추는 일은 정말 피곤하고, 기존 AI 챗봇들은 텍스트만 길게 나열해 주어 한눈에 파악하기 어렵고, 실제 지도 동선과 연동되지 않는 아쉬움이 있었습니다.
  Make Your Timeline은 AI와의 대화 한 번으로 시간대별 일정 카드와 이동 경로 지도가 눈앞에 착착 정리되는 직관적인 여행 대시보드를 제공합니다.

• 누구를 위한 Claw인가요?

  • 복잡한 여행 코스 짜기에 지친 분

  • 여행 블로그나 웹사이트 링크(URL) 하나만 넣고도 알찬 여행 코스를 추천받고 싶은 분

  • 함께 여행 가는 친구·가족과 깔끔한 일정표를 보며 여행 계획을 세우고 싶은 모든 여행자

5. 핵심 기능 3가지

1. 실시간 일자별 타임라인 자동 생성 (시간대·카테고리별 동선 카드)

   • 무엇을 하나요?: 채팅창에 원하는 여행 컨셉을 입력하면, 1일차부터 마지막 날까지의 일정이 시간대(10:00, 13:00 등), 활동 유형(명소, 미식 등), 장소명과 함께 상단에 일자별 카드로 즉시 생성됩니다. 필요한 경우 사용자가 직접 카드를 추가하거나 편집할 수도 있습니다.

   • 왜 추가했나요?: 텍스트 답변만 읽고 메모장에 다시 옮겨 적는 번거로움을 없애고, 여행지에서 스마트폰으로 일정표를 보듯 깔끔한 2D 대시보드로 즉시 확인하기 위함입니다.

2. 인터랙티브 동선 지도 (전체 경로 ↔ 현지 중심)

   • 무엇을 하나요?: 내 출발지(GPS/인천국제공항)부터 현지까지 연결되는 '1. 전체 경로'와, 현지 내 핵심 명소 간의 이동을 확대한 '2. 여행지 중심' 화면이 5초마다 자동으로 번갈아 슬라이드됩니다. (원할 때 수동 모드로 고정 가능)

   • 왜 추가했나요?: 텍스트 일정표만으로는 거리 감각을 알기 어렵습니다. 공항 이동부터 현지 골목 이동까지 지도로 생생하게 비춰주어 동선의 합리성을 바로 검증할 수 있도록 했습니다.

3. 15가지 추천 여행 원클릭 기획 & '관심 여행' 영구 보관함

   • 무엇을 하나요?: 좌측 패널에서 엄선된 15개 추천 코스(단풍 투어, 오름 트레킹 등)를 클릭 한 번으로 불러올 수 있으며, 참고하고 싶은 웹사이트 URL을 입력하면 내용을 분석해 일정에 쏙쏙 녹여냅니다. 완성된 일정과 대화 내용은 '관심 여행'에 안전하게 영구 저장됩니다.

   • 왜 추가했나요?: 당장 떠오르는 아이디어가 없어도 바로 영감을 얻을 수 있고, 열심히 짠 일정이 날아가지 않도록 나만의 여행 보관함을 만들어 주기 위함입니다.
     

6. 사용 방법

1. 접속 및 여행 컨셉 선택/입력

   • 좌측 패널의 15가지 추천 여행(예: "5박 6일 이탈리아 토스카나 와이너리 투어") 중 마음에 드는 항목을 클릭하거나,

   • 하단 채팅창에 "이번 주말 부산 1박 2일 맛집 투어 일정 짜줘"처럼 자유롭게 입력해 보세요.

2. 실시간 타임라인 카드 확인

   • AI 답변과 함께 상단 탭에 일자별(1일차, 2일차...) 타임라인 카드가 실시간으로 채워집니다.

3. '동선' 탭에서 지도 확인

   • 상단 [동선] 탭을 누르면 한국 출발지부터 현지 도착지까지의 경로가 5초 주기로 자동 회전하며 지도 위에 표시됩니다.

4. '플랜 저장'으로 관심 여행에 보관

   • 마음에 드는 일정이 완성되면 상단 헤더의 저장 아이콘(플랜 저장)을 눌러 좌측 '관심 여행'에 영구 보관하고 언제든 다시 꺼내보세요.

7. 스크린샷

8. 4주를 마치며

• 가장 어려웠던 점:
  Cloudflare Workers와 Durable Objects(DO)의 분산 상태 관리 및 WebSocket 동기화를 프론트엔드 React 화면과 유기적으로 연결하는 과정이었습니다. 특히 무료 플랜(Free Tier) 환경에서도 비용이나 오류 없이 모든 방문자가 안정적으로 체험할 수 있도록 아키텍처를 군더더기 없이 최적화하는 데 많은 고민을 쏟았습니다.

• 가장 뿌듯했던 점:
  여행 컨셉 한 줄만 입력했을 뿐인데, 에이전트가 반응하며 상단에 시간대별 타임라인 카드가 착착 꽂히고 지도가 살아 움직이듯 렌더링될 때의 쾌감이 가장 컸습니다. 단순 대화형 AI를 넘어 '진짜 쓸모 있는 실용적인 여행 대시보드'를 만들었다는 보람을 느꼈습니다.

• 다른 멤버에게 전하고 싶은 팁:
  Cloudflare Think Framework와 Durable Objects는 단순한 API 서버가 아니라 '데이터베이스와 상태를 품은 엣지 브레인'입니다. 프론트엔드의 useAgent 훅과 연결하면 복잡한 백엔드 설정 없이도 마법 같은 실시간 웹앱을 만들 수 있으니 꼭 한번 도전해 보세요!
  

🚀 업그레이드 로드맵 (Coming Soon)

현재 배포 버전은 Cloudflare 무료 플랜(Free Tier) 환경에서 누구나 비용 부담 없이 쾌적하게 체험할 수 있도록 최적화되어 있습니다. 여유가 생긴다면 기본 기능이 제대로 동작하는 지 충분히 검증 후, 유료 플랜 연계와 함께 아래 기능들을 순차적으로 만들어 볼 예정입니다.

• 📚 멀티모달 지식 검색 에이전트

  • 여행 유튜브 URL 분석: 여행 유튜버의 브이로그/추천 영상 링크를 올리면 영상 자막과 오디오를 분석해 알짜배기 명소와 숨은 맛집을 타임라인으로 자동 추출.

  • 가이드북 PDF 업로드: 지자체 관광 가이드북이나 소장 중인 여행 PDF 문서를 드래그 앤 드롭하면, Cloudflare Vectorize + R2 기반 지식 검색 에이전트가 핵심 정보를 읽어 맞춤 일정에 완벽 반영.

• 👥 실시간 타임라인 공동 편집

  • Cloudflare Durable Objects의 고성능 WebSocket을 기반으로, 친구·가족·연인이 같은 화면에 동시 접속해 실시간으로 함께 대화하고 일정을 즉석에서 공동 편집.

• 🎙️ 양방향 보이스 챗

  • OpenAI Realtime API와 Durable Objects 간 WebSocket 파이프라인을 통한 자연스러운 실시간 음성 여행 상담.

• 🎨 여행지 AI 이미지 자동 생성

  • 타임라인 카드 우측 플레이스홀더 영역에 AI가 여행지별 맞춤 대표 썸네일 이미지를 실시간 렌더링.

긴 글 읽어 주셔서 감사합니다!!!