MasterTrip Planner

여행 일정·체크리스트·예산·예약을 한곳에서 관리하는 통합 여행 플래너 (PWA)

현재 여행: 스페인 신혼여행 2027.4.5 ~ 4.17 · 세비야 → 그라나다 → 마요르카 → 바르셀로나

• 웹 주소: https://pmk8705.github.io/mastertrip/
• 저장소: https://github.com/pmk8705/mastertrip

파일

파일	역할
index.html	화면 뼈대
styles.css	디자인 (다크모드 지원)
data.js	초기 일정·체크리스트·예약 데이터 (첫 실행 시 한 번만 사용)
app.js	앱 동작
sw.js	오프라인 캐시
manifest.webmanifest, icons/	홈 화면 설치용

PC에서 실행해 보기

이 폴더에서 명령창을 열고 python -m http.server 8000 → 브라우저에서 http://localhost:8000

폰에 설치하기

1. 폰에서 위 웹 주소 접속
2. 홈 화면에 추가
   • 아이폰: Safari로 열기 → 공유 버튼 → "홈 화면에 추가"
   • 안드로이드: Chrome → ⋮ 메뉴 → "홈 화면에 추가" (또는 "앱 설치")
3. 한 번 열었다 닫은 뒤 비행기 모드로 켜서 열리는지 확인

데이터

• 데이터는 폰 안(localStorage)에만 저장됩니다. 서버로 전송되지 않습니다.
• 폰마다 따로 저장되므로 두 사람이 같이 쓰려면: 한 명이 ⚙ → 내보내기 → 파일 공유 → 다른 폰에서 가져오기.
• 출국 전에 꼭 한 번 백업해 두세요.

수정 후 다시 배포할 때

1. sw.js의 CACHE = 'mastertrip-v2' 같은 숫자를 하나 올립니다 (폰에 새 버전이 반영되도록).
2. git add -A → git commit -m "변경 내용" → git push
3. 1~2분 뒤 폰에서 앱을 다시 열면 반영됩니다. 앱에서 입력한 데이터는 그대로 유지됩니다.