Files
hanarang-dashboard/.plans/design/ui/project-detail-design.md

44 lines
1.4 KiB
Markdown

# 프로젝트 상세 (`/projects/[id]`) — Sprint 014 리뉴얼
## 목적
프로젝트 상세는 Sprint 이력만 보여주는 화면이 아니라, 계획 → 구현 → QA → 배포 흐름이 실제로 어디까지 왔는지 판단하는 운영 화면이어야 해.
## 상단 헤더
- breadcrumb 유지
- 제목 우측 메타:
- project status
- current sprint
- latest deploy state (`MAIN DEPLOYED` / `READY FOR REDEPLOY` 등)
- repo 링크 유지
## 본문 구조
### 좌측 메인
1. `DELIVERY FLOW`
- Planning
- Implement
- QA
- Merge to Main
- Redeploy
2. `SPRINT LEDGER`
- Sprint 번호 / 이름 / 진행률 / task 수 / 완료 수
3. `HOTFIX HISTORY`
- Hotfix 번호 / 한 줄 요약 / 반영 상태
### 우측 보조
1. `QA STATUS`
- latest passed/failed
- blocker 수
- latest QA 문서 식별자
2. `DEPLOY STATUS`
- 현재 배포 기준 브랜치 (`main` 고정)
- last deploy time
- redeploy pending 여부
3. `ASSIGNED NODES`
- 하랑/나랑/다랑/이랑 각 역할 표기
## UX 규칙
- Sprint와 Hotfix는 분리해서 보여주되, 흐름상 연결감은 유지
- "보정/수정 이력" 같은 모호한 문구 대신 실제 요약 노출
- 모바일에서는 `DELIVERY FLOW → QA STATUS → DEPLOY STATUS → SPRINT/HOTFIX` 순으로 재배치
- `NodeDot`는 실제 상태 기반으로 색이 바뀌어야 하며, 무조건 초록 고정이면 안 돼