피드로 돌아가기
Dev.toFrontend
원문 읽기
Google Maps API 기반 실시간 이동 시간 최적화 및 비용 제로 아키텍처 구현
I Built a Web App That Finds the Fairest Meeting Spot for Any Group (and It's Free)
AI 요약
Context
단순 지리적 중심점 계산 방식은 실제 교통 상황과 이동 수단을 반영하지 못하는 한계 존재. 특히 다수 사용자의 서로 다른 이동 수단(운전, 도보, 대중교통)을 동시에 고려한 공평한 지점 산출 로직의 부재를 해결하고자 함.
Technical Solution
- Distance Matrix API를 통한 모든 출발지-후보지 간 실시간 Travel Time 동시 계산 및 데이터 확보
- Places API 기반 중심점 주변 후보지 필터링 및 Category/Rating/Price level 기준 정교한 장소 추출
- Max-Min 알고리즘 기반 Fairness mode와 Total Time 최소화 중심의 Efficiency mode 스위칭 구조 설계
- Turf.js를 활용한 Isochrone Polygon 연산을 통해 도달 가능한 가시적 Travel Zone 렌더링 구현
- Chrome Extension의 MV3 CSP 제약을 회피하기 위해 Web App 기반의 Launcher 구조로 설계 변경
- Client-side localStorage에 API Key를 저장하여 서버 비용 없이 사용자별 무료 크레딧($200/mo) 활용
실천 포인트
1. MV3 Content Security Policy 제약 시 remote script 로드 대신 웹 앱 런처 구조 검토
2. 외부 API 비용 절감을 위해 서버 사이드 프록시 대신 Client-side API Key 주입 방식 고려
3. 지리적 중심점이 아닌 실제 거리 행렬(Distance Matrix) 기반의 가중치 알고리즘 적용