Initial commit: 구마모토 여행 계획 사이트
This commit is contained in:
54
README.md
Normal file
54
README.md
Normal file
@@ -0,0 +1,54 @@
|
||||
# 구마모토 여행 계획 사이트
|
||||
|
||||
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 등)에 배포하세요
|
||||
|
||||
Reference in New Issue
Block a user