본문으로 건너뛰기
버전: v0.1.0

대시보드 개요

대시보드 빌더(Dashboard Builder) 는 수집된 데이터를 시각화하고 인사이트를 도출할 수 있는 강력한 도구입니다. 드래그 앤 드롭 방식으로 위젯을 배치하고, SQL 또는 간편 설정 모드로 데이터를 연결하여 나만의 모니터링 화면을 구성할 수 있습니다.

주요 기능

  • Visualizations 위젯 라이브러리: 막대·선·파이·산점도(scatter) 차트, 통계 카드, 게이지, 히트맵, 지도, 데이터 테이블, 마크다운 텍스트 박스, 외부 사이트 임베드(iframe) 등 다양한 위젯
  • 드래그 앤 드롭: 자유로운 레이아웃 구성 및 위젯 크기 조절, 드래그 중 배치 미리보기
  • 유연한 데이터 연결:
    • 간편 모드(Simple Mode): UI에서 데이터셋과 필드를 선택하여 시각화
    • 쿼리 모드(Query Mode): Monaco 기반 SQL 에디터 + 인라인 AI 어시스턴트
  • 인터랙티브 필터 — Dashboard Range Selector (DRS): 상단의 전역 날짜 범위 선택기. 위젯별 명시적 설정이 없는 경우 자동으로 위젯 쿼리에 적용됩니다.
  • 위젯별 액션 메뉴: 각 위젯 오른쪽 위 점 메뉴로 복제·삭제·내보내기.
  • 공유 및 권한 (ACL): 컬렉션 ceiling + 위젯 단위 접근 가드.
  • 단독 Export / Import: 대시보드 1개를 매니페스트로 내보내고, 별도 환경에서 가져올 수 있습니다.

대시보드 목록 화면

스크린샷 TODO

대시보드 목록 페이지의 썸네일 카드 + 테이블 하이브리드 뷰. 별칭(alias)이 카드 제목으로, 시스템 이름이 보조 라벨로 표시되어야 합니다. 우측의 owner 컬럼과 호버 미리보기도 함께 보여주세요.

대시보드 목록 페이지(/dashboard)는 썸네일 카드 + 테이블 뷰 중 하나로 표시할 수 있습니다. 기본은 썸네일 카드 뷰이며, Databricks 대시보드 리스트 패턴을 따라 각 대시보드의 최신 스냅샷 미리보기를 카드 상단에 노출합니다.

  • 별칭 우선 표시: 대시보드 별칭이 1차 라벨로, 시스템 이름은 보조 라벨로 표시됩니다.
  • 검색 / 태그 필터: 이름·설명·태그 기준 필터링
  • 소유자 컬럼: 다른 사용자가 만든 대시보드를 탐색할 때 owner cell + 호버 미리보기로 맥락을 제공
  • 정렬/페이지네이션: 다른 리스트 페이지와 동일한 규칙

최근 항목(홈/Recents)에서도 대시보드 카드는 컴팩트한 미리보기로 노출됩니다.

편집 화면 구성

스크린샷 TODO

대시보드 빌더 편집 모드. 좌측 위젯 라이브러리, 중앙 캔버스, 우측 구성 패널 + 상단 DRS와 Settings 버튼이 함께 보여야 합니다.

대시보드 빌더는 크게 세 가지 영역으로 나뉩니다.

  1. 위젯 라이브러리 (왼쪽 패널): 캔버스에 추가할 수 있는 모든 시각화 구성 요소를 Visualizations, Layout, Content 등 카테고리로 제공합니다.
  2. 캔버스 (중앙 영역): 위젯을 배치하고 크기를 조절하는 작업 공간입니다. 드래그 중에는 grid에 배치 미리보기가 표시됩니다.
  3. 구성 패널 (오른쪽 패널): 선택한 위젯의 데이터 소스, 차트 속성, 스타일을 상세하게 설정합니다. 패널 좌측 가장자리를 드래그해 폭을 조절할 수 있습니다.

상단 툴바에는 다음이 있습니다.

  • DRS (Dashboard Range Selector): 전역 날짜 범위. 위젯이 명시적 시간 컬럼/기간을 설정하지 않은 경우 자동으로 위젯 쿼리에 주입됩니다.
  • Settings 버튼: 자동 새로고침 주기, 기타 대시보드 메타를 모달에서 관리합니다.
  • Export / Import: 대시보드 1개를 매니페스트로 내보내거나 가져옵니다.

저장하지 않은 변경 사항이 있는 상태에서 사이드바·뒤로가기·창 닫기 등으로 빠져나가려 하면 가드 모달이 나타나 변경 사항을 보호합니다.