---
title: 4-3. 대시보드 구성하기
slug: 4-3
createdAt: 2024-11-21T01:26:34.477Z
---

앞서 리포트 템플릿을 활용하여 대시보드를 생성하는 방법을 배웠습니다.

이번 챕터에서는 대시보드 데이터를 설정하고 각 컴포넌트를 원하는 목적에 맞게 추가하는 방법을 알 수 있습니다.

***



# 데이터 설정

![](https://api.archbee.com/api/optimize/mkHXUseYSt0uaZ-NqcC9l/2Hq4Oq4XUY8qmG2yb4Z2K_report.gif)

기준 항목은 대시보드에서 데이터를 필터링하는 쿼리 역할을 담당합니다. 대시보드에서 표현하고 싶지 않은 기준 항목은 OFF하고 쿼리 순서를 조정할 수 있습니다. 순서는 **`드래그 앤 드롭`**&#xC73C;로 조정 가능합니다. 수정시 이미 추가된 컴포넌트가 영향을 받을 수 있으니 해당 부분 참고하여 수정이 필요합니다.

***

# 컴포넌트



컴포넌트란 차트, 테이블, 숫자 위젯 등 대시보드를 구성하고 있는 각 요소를 말합니다. 컴포넌트는 대시보드 오른쪽 하단의 **`+`** 버튼을 통해 추가할 수 있습니다.

![](https://api.archbee.com/api/optimize/mkHXUseYSt0uaZ-NqcC9l/32z5aipRihzENAA8e32M4_.gif)

## 컴포넌트 분류

| **구분**   | **유형** | **활용**                       |
| -------- | ------ | ---------------------------- |
| **KPI**  | 차트     | KPI 달성률 차트 2종                |
| **차트**   | 차트     | 막대, 라인, 도넛 등 다양한 22종의 차트     |
| **테이블**  | 테이블    | 엑셀 다운로드가 가능한 데이터 테이블         |
| **컴포넌트** | 기타     | 지표 개요, 리포트 운영 사항 기재하는 텍스트 상자 |

***



# 컴포넌트 작업 방식





1. <font color="#2166ae">**'수정모드' ON**</font>**&#x20;상태에서 대시보드 작업**
   수정할 때는 오른쪽 상단의 '수정모드'를 ON으로 전환해야 합니다. OFF 전환시 컴포넌트 이동이 불가합니다.
2. **드래그 앤 드롭 방식**
   데이터킷 리포트의 작업 방식은 드래그 앤 드롭 방식입니다. 원하는 위치에 차트와 테이블을 배치해보세요.
3. **컴포넌트 오른쪽 하단으로 크기 조절**
   모든 컴포넌트는 크기를 자유롭게 조정 가능합니다. 오른쪽 하단 끝을 잡고 원하는 크기로 수정해보세요. 크기는 뒷 배경의 회색 네모박스에 맞게 조정 가능합니다.
4. **수정 후에는 상단 오른쪽의&#x20;**<font color="#2166ae">**'저장'**</font>**&#x20;필수**
   대시보드 작업시 상단의 '저장'을 꼭 클릭해야 현재 수정된 사항을 잘 저장할 수 있습니다. 새로 고침 또는 다른 시트로 이동할 시 해당 시트의 수정사항이 저장되지 않습니다.

![](https://api.archbee.com/api/optimize/mkHXUseYSt0uaZ-NqcC9l/YsgQeWKlv_VAH23qouxKS_report.gif)



