10 Minute Planner
Vue 3 + TailwindCSS + Fastify + PostgreSQL 기반의 10분 플래너 다이어리 프로젝트다.
실행 방법
개발용
코드를 수정하면서 자동 새로고침까지 보려면 개발용 compose를 사용한다.
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를 사용한다.
docker compose up -d --build
배포용 포트:
- 프론트엔드:
http://localhost:8080 - PostgreSQL:
localhost:5432
배포용 특징:
- 프론트는 빌드 결과물을 nginx로 서빙한다.
- 브라우저에서는
/api경로로 백엔드에 접근한다. - 수정 사항 반영 시에는 다시 빌드가 필요하다.
문서
- 작업 규칙:
AGENTS.md - 진행 상태 / 체크리스트:
TODO.md - 인수인계 메모:
HANDOFF.md
현재 방향
- 기본 UX는
1페이지 + 우측 정보 패널 - 보조 모드는
2페이지 펼침 보기 - 스타일링은 Vue + TailwindCSS
- 장기적으로는 Docker 기반으로 UGREEN NAS 배포 예정