Skip to content
This repository was archived by the owner on Jun 19, 2026. It is now read-only.
This repository was archived by the owner on Jun 19, 2026. It is now read-only.

[EXEC_READY] feat(ux): 운영/설정 뷰어 Pending Changes Tray + 단일 우선순위 배너 중재 #249

@ComBba

Description

@ComBba

배경

운영/설정 화면에서 (1) 미저장 변경 추적, (2) 전역 배너 과밀, (3) 테이블 오류 표면 불일치가 동시에 발생하면 복구 시간이 길어집니다.

제안 범위

  • Pending Changes Tray(우측 하단): 변경 항목 수, 위험도, 마지막 수정시각 표시
  • 배너 중재기(Banner Governor): 페이지당 상단 배너 1개만 노출, 나머지는 Secondary Queue로 적재
  • 오류 표면 계약(Table Error Surface Contract):
    • 전역 실패(데이터 fetch/권한): Empty-state Alert
    • 액션 실패(삭제/저장): Flash/Toast
    • 필드 실패(인라인 편집): 셀/필드 인라인 오류

완료 기준 (DoD)

  • 변경 3건 이상 누적 시 Tray에 요약 + "검토하고 저장" CTA 노출
  • 동일 시점 다중 알림 발생 시 가장 높은 우선순위 1개만 배너 표시
  • 테이블 오류 유형별 노출 위치가 계약대로 일관 동작
  • 이벤트 계측: ux.pending_tray.open, ux.banner.arbitrated, ux.table.error_surface.routed

실행 태스크

  1. UX 시안: Tray + Queue 패널 + 배너 중재 우선순위 정의
  2. FE 구현: 상태 스토어(미저장 변경, 배너 큐), Table 오류 라우터
  3. QA 시나리오: fetch 실패 / 액션 실패 / 인라인 실패 / 동시발생

리스크

  • 과도한 상태 동기화로 렌더 비용 증가 가능 → 우선 selector 최적화/메모화 적용

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions