travel/README.md

구마모토 여행 계획 사이트

2025년 2월 17일 ~ 2월 20일 구마모토 여행을 위한 가족 공유 여행 계획 사이트입니다.

기능

• 📅 여행 일정 관리: 날짜별 일정을 추가하고 관리할 수 있습니다
• 🗾 관광지 정보: 구마모토 주요 관광지 정보를 확인할 수 있습니다
• 💰 예산 관리: 항목별 예산을 설정하고 환율을 적용해 원화로 확인할 수 있습니다
• ✅ 체크리스트: 준비물, 쇼핑 목록, 방문할 곳 등을 체크리스트로 관리합니다

시작하기

설치

npm install

개발 서버 실행

npm run dev

브라우저에서 http://localhost:5173을 열어 확인하세요.

빌드

npm run build

기술 스택

• React 18
• TypeScript
• Vite
• Tailwind CSS
• date-fns

사용 방법

1. 일정 추가: 각 날짜 옆의 "+ 일정 추가" 버튼을 클릭하여 일정을 추가합니다
2. 예산 설정: 예산 관리 섹션에서 각 항목을 클릭하여 예산을 입력합니다
3. 체크리스트: 체크리스트에 항목을 추가하고 완료 시 체크박스를 클릭합니다

공유하기

이 사이트는 로컬 스토리지를 사용하여 데이터를 저장합니다. 가족과 공유하려면:

1. 개발 서버를 실행한 후 네트워크 IP로 접근하거나
2. 빌드 후 정적 호스팅 서비스(Vercel, Netlify 등)에 배포하세요