박진현 Work Dashboard
063 · PROJECT DETAIL
v0.5 · compact
2026-05-08
v0.5 Project Detail — 3컬럼 WORK PANEL (현재 상황 · 결과물 · 다음 작업) 컴팩트 톤. 데모 = #063 workDashboard.
DASHBOARD / PROJECTS / #063 workDashboard (PRODUCT)
PROJECT · #063

workDashboard

cloude_Code 27 프로젝트의 작업 활동을 시각화하는 외부 공개 대시보드. 운영가이드 §9의 마크다운 리포트와 공존, Next.js 16 + ECharts 기반.

PRODUCT NEW · ACTIVE CREATED · 2026-05-05 (3일 전) PHASE · 2 완료, 3 진입
총 변경 파일
12
이번 주 (W19)
결과물
6
클릭 → VS Code
다음 작업
5
우선순위순
Contribution
38%
W19 기준
WORK PANEL
현재 상황 · 결과물 · 다음 작업
01 현재 상황 LOGS · 단계

Phase 2 — Next.js 16 앱 5라우트 모두 200 OK + ECharts 7종 차트 + Foundation 통합 완료. v0.5 컴팩트 디자인 시안 작업 중.

Phase 2 완료 → Phase 3 자동화 진입
RECENT LOGS
2026-05-08
Weekly 5-col 레이아웃 + 컴팩트 디자인 v0.5
월별 4컬럼 (5주차 발생 시 5컬럼) + 최신순 정렬 + 1월 자동 생략. 행간·padding 압축.
2026-05-05
Phase 2 Next.js 앱 구축 완료
5개 라우트(/, weekly, monthly, yearly, projects) 200 OK. ECharts 7종 차트 통합.
02 작업 결과물 DELIVERABLES
TS lib/data.ts (8개 신규 로더) 05-08
loadAllWeeks · loadMonth · loadYear · listAvailableYears + 동적 집계 fallback.
app/src/lib/data.ts
TS lib/calendar.ts (ISO 주차 + 5-주 감지) 05-08
ISO 8601 + Thursday rule. getWeeksOfMonth, is5WeekMonth 등.
app/src/lib/calendar.ts
TSX WeekColumn + ProjectTile 컴포넌트 05-08
4가지 상태 카드 (current·past·empty·future) + 좌측 3px 컬러 스트립.
app/src/components/weekly/
HTML v0.5 컴팩트 시안 3종 05-08
Weekly 5-col + Home + Project Detail. 행간·padding 컴팩트.
design/v0.5_*_compact_시안.html
MD 주간업데이트 가이드 + 슬래시 커맨드 05-06
Tier 1 (extract-week.mjs) + Tier 2 (Claude refine) + Tier 3 (배포).
docs/주간업데이트_가이드.md
MJS extract-week.mjs (Tier 1 추출 스크립트) 05-06
로그 파싱 → 기계적 데이터 추출 → _drafts JSON.
scripts/extract-week.mjs
03 다음 작업 NEXT TASKS
HIGH v0.5 디자인 검토 → 사용자 수정 반영 ~1d
3개 시안 (Weekly·Home·Project Detail) 수정 사항 적용 후 React 컴포넌트 동기화.
HIGH Unit 3 — 홈 페이지 리팩토링 15~20m
RECENT_WEEKS 하드코딩 제거 + loadAllWeeks 사용. v0.5 톤 적용.
MID Unit 4 — Monthly 페이지 동적화 25~30m
loadMonth(monthId) 사용. 2026-02~05만 활성. 차트 컴포넌트는 그대로.
MID Unit 5 — Yearly 페이지 동적화 20~25m
loadYear + listAvailableYears. 2026 단독 + 2027 future placeholder.
LOW Unit 6 — 보조 인프라 (집계 스크립트) 30m
aggregate-month.mjs + aggregate-year.mjs. Phase 3 cron 자동화 준비.
주간 Contribution
% of week's total · W15 ~ W19
2%
38%
W15
no data
W16
no data
W17
no data
W18
2%
W19
38%