# Show GN: 지도 위에 여행 계획을 그리는 웹앱을 만들어봤습니다 > Clean Markdown view of GeekNews topic #25143. Use the original source for factual precision when an external source URL is present. ## Metadata - GeekNews HTML: [https://news.hada.io/topic?id=25143](https://news.hada.io/topic?id=25143) - GeekNews Markdown: [https://news.hada.io/topic/25143.md](https://news.hada.io/topic/25143.md) - Type: show - Author: [drt0927](https://news.hada.io/@drt0927) - Published: 2025-12-17T14:09:43+09:00 - Updated: 2025-12-17T14:09:43+09:00 - Original source: [drt0927.github.io](https://drt0927.github.io/trip-sketch) - Points: 7 - Comments: 5 ## Summary 지도 위에서 **여행 동선을 시각적으로 설계**할 수 있는 웹앱 ‘Trip Sketch’가 공개되었습니다. Google Maps 위에 방문지를 찍고 순서·시간을 배치하면, 일정표 대신 경로 중심으로 여행 계획을 구성할 수 있습니다. 로그인 없이 브라우저에 자동 저장되며, 완성된 계획은 PDF로 내보낼 수 있습니다. Vue와 TypeScript로 구현된 정적 웹앱으로, 간결한 MVP 형태로 배포되었습니다. ## Topic Body 안녕하세요. 개인 프로젝트로 만든 웹앱(trip sketch)을 공유합니다. 여자친구와 여행 계획을 세우면서 기존 서비스들은 대부분 일정 목록이나 텍스트 중심이라 지도 위에서 이동 경로와 방문 순서를 함께 정리하기 어렵다는 불편함이 있었습니다. 그래서 지도 위에 장소를 찍고, 순서와 시간을 배치하면서 여행 계획을 ‘그리듯’ 작성할 수 있는 웹앱을 직접 만들어봤습니다. 주요 기능 • Google Maps 기반 여행 계획 작성 • 지도에서 위치 선택 후 날짜 / 시간 / 방문 순서 설정 • 여행 포인트별 간단한 비용 기록 • 로그인 없이 브라우저 스토리지에 자동 저장 • 여행 계획을 PDF로 내보내기 기술 스택 • Vue + TypeScript • Google Maps JavaScript API • 정적 웹앱 (GitHub Pages 배포) 기타 • 계정 없이 바로 사용할 수 있도록 만들었습니다 • 아직 MVP 단계라 기능은 최소한으로 구성되어 있습니다 • 사용성이나 기능에 대한 피드백을 환영합니다 가볍게 사용해보시고 의견 주시면 감사하겠습니다. ## Comments ### Comment 47913 - Author: mindok - Created: 2025-12-17T17:23:57+09:00 - Points: 1 웹에서 정말 두세개 지점만 추가해보고 댓글을 다는거라 아직 다 파악한게 아닐지 모르겠지만, 그냥 개인적인 의견으로 받아주세요 1. 장소를 추가할 때 comment를 다는것처럼 사진도 달 수 있으면 좋을것같아요.(어떤 것들이 있는지 간단히 소개용 느낌으로) 2. 장소를 이동할 때 지도상으로 직선거리로 표시되는데, 거기에다가도 따로 사진이나 글을 추가할 수 있을면 좋을것같아요.(차로 이동할건지 그런거는 저는 보통 네이버 지도로 출발 도착 찍어놓고 확인하는데 그거를 캡쳐해서 담아놓던지 하면 나중에는 네이버지도를 왔다갔다 안해도, 저것만 봐도 이동이 편할것같아서) 3. pdf로 뽑을 떄 지금형식도 좋은데 옵션으로 날짜별로 해당 일의 위치만 떠서 지도상에 표시되어서 [1일차의 지도] 1일차 일정 --- [2일차의 지도] 2일차 일정 --- 이런식으로도 볼 수 있으면 좋겠어요. pdf 만으로 해당 날만의 동선을 파악하기 좋게 감사합니다. 되게 좋은것같아요. ### Comment 47990 - Author: drt0927 - Created: 2025-12-19T10:49:33+09:00 - Points: 1 - Parent comment: 47913 - Depth: 1 아직 서버 개발이 안되어서 파일 업로드는 기능은 없지만 PDF에 지도 표시되게 업데이트 하였습니다! ### Comment 47916 - Author: drt0927 - Created: 2025-12-17T17:37:08+09:00 - Points: 1 - Parent comment: 47913 - Depth: 1 피드백 감사합니다! 말씀 주신 의견들 너무 좋은거 같습니다 최대한 반영하도록 노력해보겠습니다! ### Comment 47911 - Author: laeyoung - Created: 2025-12-17T17:10:07+09:00 - Points: 1 지도 서비스는 유저가 지도를 이동 할 일이 많은데요. 브라우저 스크롤이랑 겹쳐서 "Use two fingers to scroll..." 메세지가 자주 나오는 듯 해요. ### Comment 47917 - Author: drt0927 - Created: 2025-12-17T17:37:42+09:00 - Points: 1 - Parent comment: 47911 - Depth: 1 최대한 브라우저 스크롤이 안생기게 화면 크기를 잘 조절해야겟네요 피드백주셔서 감사합니다!