58 lines
1.5 KiB
Markdown
58 lines
1.5 KiB
Markdown
# 10 Minute Planner
|
|
|
|
Vue 3 + TailwindCSS + Fastify + PostgreSQL 기반의 `10분 플래너 다이어리` 프로젝트다.
|
|
|
|
## 실행 방법
|
|
|
|
### 개발용
|
|
|
|
코드를 수정하면서 자동 새로고침까지 보려면 개발용 compose를 사용한다.
|
|
|
|
```bash
|
|
docker compose -f docker-compose.dev.yml up
|
|
```
|
|
|
|
개발용 포트:
|
|
|
|
- 프론트엔드: `http://localhost:5173`
|
|
- 백엔드 API: `http://localhost:3001`
|
|
- PostgreSQL: `localhost:5432`
|
|
|
|
개발용 특징:
|
|
|
|
- 프론트는 Vite HMR로 저장 즉시 화면이 반영된다.
|
|
- 백엔드는 `node --watch`로 파일 변경 시 자동 재시작된다.
|
|
- 즉, 개발 중에는 매번 새로 빌드할 필요 없이 `docker compose -f docker-compose.dev.yml up`만 켜두면 된다.
|
|
|
|
### 배포용
|
|
|
|
실서비스나 최종 확인용으로는 배포용 compose를 사용한다.
|
|
|
|
```bash
|
|
docker compose up -d --build
|
|
```
|
|
|
|
배포용 포트:
|
|
|
|
- 프론트엔드: `http://localhost:8080`
|
|
- PostgreSQL: `localhost:5432`
|
|
|
|
배포용 특징:
|
|
|
|
- 프론트는 빌드 결과물을 nginx로 서빙한다.
|
|
- 브라우저에서는 `/api` 경로로 백엔드에 접근한다.
|
|
- 수정 사항 반영 시에는 다시 빌드가 필요하다.
|
|
|
|
## 문서
|
|
|
|
- 작업 규칙: [`AGENTS.md`](./AGENTS.md)
|
|
- 진행 상태 / 체크리스트: [`TODO.md`](./TODO.md)
|
|
- 인수인계 메모: [`HANDOFF.md`](./HANDOFF.md)
|
|
|
|
## 현재 방향
|
|
|
|
- 기본 UX는 `1페이지 + 우측 정보 패널`
|
|
- 보조 모드는 `2페이지 펼침 보기`
|
|
- 스타일링은 Vue + TailwindCSS
|
|
- 장기적으로는 Docker 기반으로 UGREEN NAS 배포 예정
|