Files
vpd-permission-poc/docs/design/575-dashboard-action-centered-ui/README.md

36 lines
2.0 KiB
Markdown

# 설계서: 대시보드 작업 중심 정보 구조 (#575)
> **상태**: Implemented · QA passed
> **작성**: [AI] Architect · **최종수정**: 2026-06-30
> **추적성** — Redmine: #575 · 구현: `dashboard.html`, `app.css`, `GuidedFlowTemplateTest`
## 목적
대시보드 첫 화면에서 설명·카운트·객체 테이블이 같은 비중으로 노출되는 문서형 구성을 줄인다. 운영자가 즉시 할 수 있는 작업과 현재 상태를 먼저 제시하고, 원래의 상세 설명과 보호 객체 목록은 숨기지 않고 접어서 제공한다.
## 화면 구조
```text
제목 + [권한 결과 확인] [권한 규칙 관리]
┌ 지금 할 일 (두 핵심 작업) ──────────┬ 현재 상태 ┐
└──────────────────────────────────────┴───────────┘
권장 순서: 1 권한 설계 · 2 DB 보호 연결 · 3 검증 세션 · 4 결과 확인
▸ 작동 방식과 등록 대상 보기
└ Macro/Micro 설명 + 보호 객체/ORDS 경로 테이블
```
## 인수조건
- [x] 첫 화면에 핵심 작업 두 개와 현재 상태가 함께 보인다.
- [x] 네 단계는 장문 카드가 아닌 짧은 진행 레일로 표시된다.
- [x] Macro/Micro 설명과 보호 객체 테이블은 접힌 상세 영역에서 보존된다.
- [x] 모바일에서 핵심 작업, 상태, 단계가 한 열로 읽힌다.
- [x] 템플릿 테스트와 전체 테스트가 통과한다.
## QA 결과
- `mvn test`: 59 tests, 0 failures.
- 배포 후 인증된 HTTP 점검: dashboard 및 users/groups/roles/permissions/tokens/probe/ORDS 등 주요 18개 화면이 모두 `200`을 반환했다.
- dashboard 응답에서 작업 중심 영역(`dashboard-command-center`), 4단계 레일(`workflow-steps`), 기본으로 접힌 상세 영역(`dashboard-details`)을 확인했다.
- 개발 중 발견한 dashboard fragment 문법 오류는 수정하고 템플릿 테스트가 fragment 형식을 검사하도록 보완했다.