시안 파일 직접 보기


Design Versions — 063 workDashboard

시안 누적 기록. 모든 이전 버전은 보존 (영구 누적 원칙).
최신 = 가장 위.

v0.6 — Strip Navigation + 1/3·2/3 Tile Layout (2026-05-08)

파일: v0.6_weekly_strip_시안.html

트리거

사용자가 LifeOS Diary의 TODAY/WEEK/MONTH 탭 + 날짜 strip UI를 본 뒤,

"한주씩·한달씩 좌우로 이동하며 보는" 패턴을 dashboard에 적용 요청.

변경

사용자 피드백 반영


v0.5 — Compact 4 Pages (2026-05-08)

파일들 (4개):

트리거

v0.4 (Weekly 5-col)의 행간이 너무 길어서 정보 밀도 낮음 + 내용 누락.

사용자: "행간들이 너무 길어서 디자인을 조금 더 컴팩트하고 정보 밀도를 높였으면 좋겠어"

변경

사용자 피드백 반영


v0.4 — Weekly 5-Column Grid (2026-05-08)

파일: v0.4_weekly_5col_시안.html

트리거

v0.3 weekly_index가 단순 "주차 리스트"였음. 사용자: "월의 주차별로 4컬럼을 만들어서

주차별 프로젝트 이름과 작업 내용만 보면 좋겠어"

변경

사용자 결정


v0.3 — Drilldown 4 Pages (이전 세션)

파일들 (4개):

변경


v0.2 — Foundation Tokens Applied (이전 세션)

파일: v0.2_dashboard_시안.html

변경


v0.1 — Editorial Navy (이전 세션, 아카이브)

파일: v0.1_dashboard_시안.html

변경


패턴 진화 요약

패턴도입현재
Editorial Navy 톤v0.1v0.1만, 이후 그레이스케일
Foundation tokensv0.2모든 버전
좌측 4px 컬러 스트립 (type)v0.2유지
외부 2열 + 내부 2열 (메타/액션)v0.2v0.5 Projects, v0.6
컴팩트 톤 (padding 압축)v0.5유지
5-col weekly gridv0.4v0.4만, v0.6에서 strip으로 대체
Strip 날짜 네비v0.6현재
1/3·2/3 ptile (메타/서술)v0.6.2현재

관련 React 컴포넌트 매핑

시안 패턴React 컴포넌트
v0.2 외부 2열 ptileapp/src/components/projects/ActiveProjectTile.tsx + ActiveProjectsGrid.tsx
v0.4 5-col WeekColumnapp/src/components/weekly/WeekColumn.tsx + ProjectTile.tsx
3-Column Work Panelapp/src/components/ProjectWorkPanel.tsx
v0.6 Strip Nav(아직 React 미반영, 디자인 확정 후 작업 예정)
v0.6 1/3·2/3 ptile(아직 React 미반영, 디자인 확정 후 작업 예정)

향후 버전 기록 규칙

*매 시안 변경 시 본 문서 갱신 필수*