Traable
여행 계획 도우미 PWA
개요
Traable은 여행 일정을 캘린더로 관리하고, 업로드한 사진의 EXIF(GPS, 시간, 고도) 데이터를 추출하여 Google Maps 위에 여행 경로를 자동으로 그려주는 Progressive Web App입니다.
주요 기능
- 캘린더 관리 — 월별 캘린더 뷰에서 일정 생성/수정/삭제
- 사진 기반 여행 생성 — GPS 클러스터링과 역지오코딩으로 자동 여행 생성
- 블록 에디터 — 텍스트, 이미지, YouTube를 조합한 리치 콘텐츠 편집
- 지도 경로 — 일차별 여행 경로를 Google Maps에 시각화
- 정주행 모드 — 타임라인 기반 전체 여행 리뷰
- 드래그 앤 드롭 — 직관적인 일정 순서 변경
- 다국어 지원 — 한국어/영어 자동 감지
- PWA — 홈 화면 설치, 오프라인 캐싱
기술 스택
Frontend
- React 19 + TypeScript
- Tailwind CSS
- React DnD Kit
- i18next
- Google Maps API
Backend
- Go + Gin Framework
- GORM + PostgreSQL
- JWT 인증
- EXIF 데이터 추출
Infrastructure
- Docker + Nginx
- Cloudflare Tunnel
- Playwright E2E 테스트