55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
# 구마모토 여행 계획 사이트
|
|
|
|
2025년 2월 17일 ~ 2월 20일 구마모토 여행을 위한 가족 공유 여행 계획 사이트입니다.
|
|
|
|
## 기능
|
|
|
|
- 📅 **여행 일정 관리**: 날짜별 일정을 추가하고 관리할 수 있습니다
|
|
- 🗾 **관광지 정보**: 구마모토 주요 관광지 정보를 확인할 수 있습니다
|
|
- 💰 **예산 관리**: 항목별 예산을 설정하고 환율을 적용해 원화로 확인할 수 있습니다
|
|
- ✅ **체크리스트**: 준비물, 쇼핑 목록, 방문할 곳 등을 체크리스트로 관리합니다
|
|
|
|
## 시작하기
|
|
|
|
### 설치
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### 개발 서버 실행
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
브라우저에서 `http://localhost:5173`을 열어 확인하세요.
|
|
|
|
### 빌드
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
## 기술 스택
|
|
|
|
- React 18
|
|
- TypeScript
|
|
- Vite
|
|
- Tailwind CSS
|
|
- date-fns
|
|
|
|
## 사용 방법
|
|
|
|
1. **일정 추가**: 각 날짜 옆의 "+ 일정 추가" 버튼을 클릭하여 일정을 추가합니다
|
|
2. **예산 설정**: 예산 관리 섹션에서 각 항목을 클릭하여 예산을 입력합니다
|
|
3. **체크리스트**: 체크리스트에 항목을 추가하고 완료 시 체크박스를 클릭합니다
|
|
|
|
## 공유하기
|
|
|
|
이 사이트는 로컬 스토리지를 사용하여 데이터를 저장합니다. 가족과 공유하려면:
|
|
|
|
1. 개발 서버를 실행한 후 네트워크 IP로 접근하거나
|
|
2. 빌드 후 정적 호스팅 서비스(Vercel, Netlify 등)에 배포하세요
|
|
|