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

설계서: 대시보드 작업 중심 정보 구조 (#575)

상태: Implemented · QA passed 작성: [AI] Architect · 최종수정: 2026-06-30 추적성 — Redmine: #575 · 구현: dashboard.html, app.css, GuidedFlowTemplateTest

목적

대시보드 첫 화면에서 설명·카운트·객체 테이블이 같은 비중으로 노출되는 문서형 구성을 줄인다. 운영자가 즉시 할 수 있는 작업과 현재 상태를 먼저 제시하고, 원래의 상세 설명과 보호 객체 목록은 숨기지 않고 접어서 제공한다.

화면 구조

제목 + [권한 결과 확인] [권한 규칙 관리]
┌ 지금 할 일 (두 핵심 작업) ──────────┬ 현재 상태 ┐
└──────────────────────────────────────┴───────────┘
권장 순서: 1 권한 설계 · 2 DB 보호 연결 · 3 검증 세션 · 4 결과 확인
▸ 작동 방식과 등록 대상 보기
  └ Macro/Micro 설명 + 보호 객체/ORDS 경로 테이블

인수조건

  • 첫 화면에 핵심 작업 두 개와 현재 상태가 함께 보인다.
  • 네 단계는 장문 카드가 아닌 짧은 진행 레일로 표시된다.
  • Macro/Micro 설명과 보호 객체 테이블은 접힌 상세 영역에서 보존된다.
  • 모바일에서 핵심 작업, 상태, 단계가 한 열로 읽힌다.
  • 템플릿 테스트와 전체 테스트가 통과한다.

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 형식을 검사하도록 보완했다.