피드로 돌아가기
GeekNewsFrontend
원문 읽기
Show GN: travel plan - 링크로 저장되는 여행지도 (그리고 MCP를 곁들인)
개발자가 URL 인코딩 방식으로 여행 일정과 지도를 저장하는 도구를 만들어 서버 없이 링크 공유만으로 협업이 가능하게 했다
AI 요약
Context
기존 여행 일정 관리 도구들은 서버 저장소와 사용자 인증을 필수로 요구하여 별도 인프라와 계정 관리가 필요했다. URL 파라미터만으로 모든 상태를 표현하는 SPA 패턴이成熟되면서 클라이언트 사이드 데이터 저장 가능성을 확인했다. MCP(Model Context Protocol)라는 새로운 AI 연동 프로토콜이 등장하여 AI 에이전트와의 자연스러운 통신이 가능해졌다.
Technical Solution
- 여행 일정 데이터 → Base64 인코딩하여 URL 쿼리 파라미터에 직렬화
- 지도 핀 좌표 → GeoJSON形式으로 URL에 임베딩
- URL 단축 서비스 연동으로 긴 링크를 짧은 형태(ascii)로 변환
- MCP Server로 AI 에이전트에 일정 생성을 요청하는 구조 설계
- 프론트엔드 단독 운영으로 전용 백엔드 서버 없이 Netlify/Vercel에 정적 호스팅
Impact
- 서버 운영 비용이 0인 배포 구조로 유지보수 부담 최소화
- 별도 로그인 없이 URL을 전달하는 것만으로 즉시 협업 가능
Key Takeaway
상태 데이터를 URL에 인코딩하면 인증과 서버 없이도 영구적 공유가 가능하며, MCP 프로토콜을 활용하면 AI 에이전트가 사용자를 대신해 링크 생성까지 완료할 수 있다.
실천 포인트
소규모 SPA 프로젝트에서 사용자 인증과 서버 연동 없이 데이터 영속화가 필요한 경우, URL에 상태를 직렬화하는 패턴을 적용 시 인프라 비용ゼロ와 별도 로그인 없이 즉시 공유 가능한 환경을 구축할 수 있다