# 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 배포 예정