데이터 추가 및 위젯 설정

여러 데이터 소스를 추가하고 변환/병합 하여 목적에 맞게 위젯을 생성할 수 있습니다.

1. 데이터 소스 설정

대시보드 우측 상단의 [위젯 추가] 버튼을 클릭합니다.

1.1 새 데이터 소스 추가


(1.1.1) [+] 버튼을 클릭하고, 데이터 추가 버튼을 클릭합니다.

(1.1.2) 위젯 생성을 원하는 데이터 소스를 추가합니다. 데이터 소스는 비용, 에셋 정보 등을 가져올 수 있습니다.

(다양한 데이터 소스에 대한 지원이 계속해서 업데이트될 예정입니다.)

(1.1.3) 특정 데이터를 선택했다면 보고자 하는 목적에 따라 데이터 세부 옵션을 설정합니다.

그룹별 통계(Group by): 데이터를 그룹화 할 기준을 설정합니다.

필터: 특정 Project, Product, Region 등으로 필터링할 수 있습니다.

데이터 필드명: 선택한 데이터 소스의 필드명이 자동 입력 되며 필요에 따라 수정도 가능합니다.

데이터 단위: 위젯에 표시할 데이터의 단위를 설정합니다. (e.g. count, core, $, ₩)

레이블 필드 추가: 해당 데이터 테이블을 다른 데이터와 병합할 때 좀 더 명확한 기준을 주려면, 레이블 필드를 추가하는 방법이 있습니다.

날짜 형식 변경: 이 옵션을 사용(ON상태)할 경우, 날짜를 연도(Year)/월(Month)/일(Day) 세 개의 열로 분리하여 표시합니다. 특정 기준의 과거 데이터와 해당 데이터 테이블을 병합 할때 유용하게 활용할 수 있습니다.

  • e.g. 1년전 데이터와 현재 기준 데이터를 병합하여 비교 위젯을 만들고자 할때, 연도(Year)는 다르지만 월(Month)은 같기 때문에 비교할 수 있습니다.

과거 데이터 설정(Time Diff): 현재 날짜를 기준으로 특정 연/월/일 이전의 과거 데이터를 불러올 수 있습니다.

(1.1.4) 데이터를 추가하거나 수정한 후에는 [적용하기] 버튼을 클릭해야 최종 반영이 됩니다.



1.2 데이터 병합/변환

‘데이터 병합/변환’의 경우, 데이터를 먼저 추가한 후에 해당 데이터 변환 또는 2개 이상의 데이터를 병합(Join, Concatenate)하는데 활용할 수 있습니다.

(1.2.1) [+] 버튼을 클릭하고, 데이터 병합/변환 버튼을 클릭합니다.

[데이터 변환 방법]

데이터 변환 타입설명필요 데이터
Concatenate두 개의 데이터를 수직 또는 수평 방향으로 결합합니다.2개 데이터 사용
Join두 개의 데이터를 공통 열(Group by)을 기준으로 결합합니다. 아래와 같은 방식으로 결합할 수 있습니다:

* Left Join: 첫번째 데이터의 모든 데이터와 두번째 데이터가 일치하는 열을 포함합니다.
* Right Join: 두번째 데이터의 모든 데이터와 첫번째 데이터가 일치하는 열을 포함합니다.
* Outer Join: 두 데이터의 모든 열을 포함합니다.
* Inner Join: 두 데이터에서 공통된 열만 포함합니다.
2개 데이터 사용
Evaluate데이터 필드에 함수나 계산을 적용하여 데이터 필드를 추가합니다.
입력방식은 Pandas eval() 함수를 기준으로 진행합니다.

* 입력 방식: 추가될 필드명 = '필드명1' + 수식 + '필드명2'

e.g.
Total = 'Cost1' + 'Cost2' + 'Cost3'
>> 'Total' 이라는 필드가 새로 추가됨
1개 데이터 사용
Query특정 조건을 충족하는 데이터를 필터링 하고 추출하는 작업입니다.
입력방식은 Pandas Query 함수를 기준으로 진행합니다.

* 입력 방식: 필터 기준 연산자 세부아이템 값

e.g.
Product == 'AmazonEC2'
Date >= '2024-03'
Cost >= 2200
>> 위의 함수에 따라 필터된 상태로 데이터가 보여짐
1개 데이터 사용

[데이터 변환 예시]

e.g AWS 전체 비용 대비 EC2가 아닌 비용 비율(%)을 구하는 데이터 만들기

➊ (데이터 추가) 비용 추가: AWS Cost 데이터 추가하고, Group by에 'Product'를 선택

(데이터 병합/변환 > Query) 필터 Query 적용: 1번 비용 데이터에서 Product중 AmazonEC2가 아닌것만 필터

(데이터 추가) 비용 추가: 2번에서 필터한 데이터와 비교할 전체 비용

❹ (데이터 병합/변환 > Join) 두 데이터 병합: 2번과 3번 데이터 Join 하기

❺ (데이터 병합/변환 > Query) 두 데이터 비율 계산: 전체비용 'Cost(All)'과 AmazonEC2가 아닌 비용 'Cost(w/o EC2) 비율 계산 적용




2. 위젯 세부 설정

데이터 설정이 완료되었다면 위젯 으로 변환하고자 하는 데이터를 1개 선택하고, 우측 하단 [위젯 구성]버튼을 눌러 다음 단계로 이동합니다.

위젯 설정 단계로 이동 후에도 [데이터 수정] 버튼을 클릭하여 데이터 테이블 설정 단계로 돌아가거나, 다른 데이터 테이블을 선택할 수 있습니다.

기본적으로 Table 위젯으로 선택되어 있으며, 다양한 차트 타입을 이용할 수 있습니다.

적절한 차트타입을 선택했다면, 우측에 위젯 정보(이름, 설명)을 입력하고 필수 입력 항목을 채워 넣습니다.

위젯 설정을 변경후에는 반드시 우측 하단의 [적용하기] 버튼을 클릭해야 최종 반영됩니다.

필수 입력 항목이 정상적으로 입력 되었다면, 아래와 같이 위젯 미리보기를 확인할 수 있습니다.

이제 [완료] 버튼을 클릭하고 위젯 설정 창을 닫으면 대시보드에 새로운 위젯이 추가되어 있습니다.



3. 위젯 순서 & 크기 조정

대시보드 우측 상단의 ‘레이아웃 편집’ 버튼을 클릭합니다.

우측 패널의 위젯 리스트에서 드래그&드롭을 통해 순서를 조정할 수 있습니다.

각 위젯별로 크기를 전체 너비 또는 기본 사이즈로 되돌릴 수 있습니다.

[편집 완료] 버튼을 클릭해야 레이아웃 변경사항이 저장됩니다.