a724b1bf32
- Google Maps API에서 Leaflet + OpenStreetMap으로 전환 - 구마모토 지역 특화 타일 서버 Docker 컨테이너 추가 - PostgreSQL + PostGIS + Mapnik 스택으로 지도 타일 생성 - API 키 불필요한 오픈소스 지도 솔루션 구현 - 개발/프로덕션 환경 Docker Compose 설정 완료 - 빠른 로딩과 오프라인 지원 가능한 지도 서비스 주요 변경사항: - src/components/Map.tsx: Leaflet 기반으로 완전 재작성 - docker/map-server/: 구마모토 지역 타일 서버 구축 - docker-compose.yml, docker-compose.dev.yml: 지도 서버 연동 - package.json: leaflet, react-leaflet 의존성 추가
구마모토 여행 계획 사이트
2025년 2월 17일 ~ 2월 20일 구마모토 여행을 위한 가족 공유 여행 계획 사이트입니다.
기능
- 📅 여행 일정 관리: 날짜별 일정을 추가하고 관리할 수 있습니다
- 🗾 관광지 정보: 구마모토 주요 관광지 정보를 확인할 수 있습니다
- 💰 예산 관리: 항목별 예산을 설정하고 환율을 적용해 원화로 확인할 수 있습니다
- ✅ 체크리스트: 준비물, 쇼핑 목록, 방문할 곳 등을 체크리스트로 관리합니다
시작하기
설치
npm install
개발 서버 실행
npm run dev
브라우저에서 http://localhost:5173을 열어 확인하세요.
빌드
npm run build
기술 스택
- React 18
- TypeScript
- Vite
- Tailwind CSS
- date-fns
사용 방법
- 일정 추가: 각 날짜 옆의 "+ 일정 추가" 버튼을 클릭하여 일정을 추가합니다
- 예산 설정: 예산 관리 섹션에서 각 항목을 클릭하여 예산을 입력합니다
- 체크리스트: 체크리스트에 항목을 추가하고 완료 시 체크박스를 클릭합니다
공유하기
이 사이트는 로컬 스토리지를 사용하여 데이터를 저장합니다. 가족과 공유하려면:
- 개발 서버를 실행한 후 네트워크 IP로 접근하거나
- 빌드 후 정적 호스팅 서비스(Vercel, Netlify 등)에 배포하세요