Skip to content

Commit

Permalink
chore(language): the new guide for dashboards created
Browse files Browse the repository at this point in the history
  • Loading branch information
jbokyung2 committed Oct 16, 2023
1 parent 2971883 commit ca20880
Show file tree
Hide file tree
Showing 52 changed files with 366 additions and 0 deletions.
11 changes: 11 additions & 0 deletions content/ko/docs/guides/dashboards/_index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
title: "대시보드"
linkTitle: "대시보드"
weight: 2
date: 2023-10-16
description: >
빌링, 에셋과 같은 (멀티) 클라우드 데이터를 시각적으로 표현하여 복잡한 정보를 직관적으로 이해할 수 있도록 대시보드 서비스를 제공합니다. 다양한 구성의 차트, 그래픽 요소를 지원하기 때문에 중요 데이터의 핵심을 빠르게 파악할 수 있습니다.
<br>
사용자는 [**기본 제공의 대시보드**](/ko/docs/guides/dashboards/template) 외에도 원하는 데이터를 한눈에 파악하기 위해 특정 위젯을 조합한 맞춤형 대시보드를 [**생성**](/ko/docs/guides/dashboards/create)할 수 있습니다. 또한, 각 대시보드마다 Variable(변수), 날짜 범위 및 각 위젯의 세부 옵션을 정밀하게 설정할 수 있어, 조직의 요구사항에 맞춰 보다 정확하고 전문적인 대시보드를 구축하고 관리할 수 있습니다.
---
54 changes: 54 additions & 0 deletions content/ko/docs/guides/dashboards/create.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
---
title: "대시보드 생성"
linkTitle: "대시보드 생성"
weight: 4
date: 2023-10-16
description: >
기본으로 제공하는 대시보드 외에 데이터 중요도, 특성에 따라 다양한 위젯을 활용하여 커스텀 대시보드를 생성하고 관리할 수 있습니다.
---

## 대시보드 생성하기

아래 순서에 따라 대시보드를 만들 수 있습니다.
<br>
<br>

(1) 상단 메뉴의 [대시보드 > 새 대시보드 생성] 클릭 또는 [대시보드] 서비스 내 좌측 메뉴 상단의 [+] 버튼 클릭하여 생성하기 페이지로 이동합니다.

![dashboard-create-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-01.png)

![dashboard-create-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-02.png)

<br>

(2) [대시보드 생성] 페이지에서 대시보드 범위와 공개 여부를 선택합니다.

![dashboard-create-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-03.png)

- 전체 워크스페이스 : 워크스페이스 내 전체 프로젝트에 대한 데이터가 보여집니다.
- 개별 프로젝트 : 특정 프로젝트를 선택하여 범위 설정 시, 해당 프로젝트의 데이터로만 구성이 됩니다.

<br>

(3) 클라우드포레가 제공하는 기본 템플릿을 선택하거나, 기존 대시보드를 복제할 수 있습니다. 원하는 옵션을 선택한 후 [계속하기] 버튼을 클릭합니다.

![dashboard-create-04](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-04.png)

<br>

(4) 대시보드 이름을 입력한 후, 기본 위젯을 활용하여 대시보드를 생성할 수 있습니다. 편집 관련 상세 설명은 [**여기**](/ko/docs/guides/dashboards/edit)를 참고하십시오.

![dashboard-create-05](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-05.png)

<br>

(5) 생성 완료된 대시보드는 [모든 대시보드 보기] 페이지에서 [공개 여부], [범위]에 따라 구분하여 확인 가능합니다.

![dashboard-create-06](/ko/docs/guides/dashboards/dashboard-img/dashboard-create-06.png)

<br>
생성된 대시보드 확인 및 빠른 설정은 [**여기**](/ko/docs/guides/dashboards/view)을 참고하십시오.



Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
124 changes: 124 additions & 0 deletions content/ko/docs/guides/dashboards/edit.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
---
title: "대시보드 편집"
linkTitle: "대시보드 편집"
weight: 5
date: 2023-10-16
description: >
대시보드 [편집] 모드에서 대시보드 이름, 레이아웃, 위젯 등을 수정할 수 있습니다.
---

## 대시보드 편집하기

### 편집 모드 이동하기

대시보드 페이지에서 오른쪽의 [편집] 버튼을 클릭하면 대시보드 편집 페이지로 이동합니다.

![dashboard-edit-intro-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-intro-01.png)

<br>

### 이름 편집하기

![dashboard-edit-name-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-name-01.png)

<br>

### 레이블 추가하기

상단 대시보드 이름 바로 하단에서 레이블을 추가/삭제 할 수 있습니다. 레이블은 대시보드 관련 카테고리, 특징 등을 구분하는데 이용되며, 이후 대시보드 검색시 유용하게 활용될 수 있습니다.

![dashboard-edit-label-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-label-01.png)

<br>

### 기간 적용하기

(1) [기간 적용 옵션]을 활성화할 경우, 해당 대시보드에 기간을 설정할 수 있는 드랍다운 버튼이 보여집니다.

![dashboard-edit-duration-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-01.png)

(2) 기간 드롭다운에서 특정 월을 선택하거나, [커스텀] 메뉴를 통해 최근 3개년 기간 중에 특정 월을 선택할 수 있습니다.

![dashboard-edit-duration-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-duration-02.png)

{{<alert>}}
기간 적용 옵션을 활성화 하더라도, 모든 위젯에 기간이 적용되지는 않습니다. 위젯 특성에 따라 기간을 적용할 수 있는 위젯, 적용할 수 없는 위젯으로 나뉩니다.
{{</alert>}}

<br>

### 데이터 새로고침 설정하기

대시보드 우측 상단의 [새로고침] 드롭다운에서 데이터 갱신 주기를 선택할 수 있습니다.

![dashboard-edit-refresh-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-refresh-01.png)

<br>

### 위젯 추가하기

(1) 오른쪽의 대시보드 편집 페이지의 [위젯 추가] 버튼을 클릭합니다.

![dashboard-edit-add-widget-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-01.png)

<br>

(2) 좌측 위젯 목록 중 특정 위젯을 선택하여 추가합니다.

(2-1) [비용], [에셋], [얼럿] 목록에 따라 다양한 위젯을 선택할 수 있습니다. (위젯은 지속적인 업데이트가 진행될 예정입니다.)

![dashboard-edit-add-widget-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-02.png)

(2-2) 특정 위젯을 선택했다면, [이름] 입력 후 세부 옵션을 설정합니다.

![dashboard-edit-add-widget-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-03.png)

{{<alert>}}
**[상속받기] On/Off:** 위젯 별로 제공하는 옵션들의 경우, 대부분 대시보드의 Variable(변수)을 기본적으로 상속받도록 초기 설정이 되어있습니다. ‘대시보드로부터 상속받는다’는 것은 해당 변수의 옵션을 대시보드에서 변경 시 이를 상속받고 있는 옵션을 가진 위젯 들에 일괄 반영이 된다는 것을 의미합니다. 이와 반대로 특정 옵션이 비상속 상태의 경우, 대시보드에서 해당 변수를 변경하더라도 해당 위젯에는 영향을 미치지 않습니다.

e.g. Cost Map 위젯에 `Project` 옵션이 ‘상속받기’로 설정되어 있으며, 대시보드에서 `Project`를 ‘Project A’로만 필터를 걸었다면? 해당 위젯은 이제 ‘Project A’에 해당하는 데이터로만 표시가 됩니다.
{{</alert>}}

{{<alert>}}
**초기 설정으로 돌아가기:** 위젯 별로 해당 대시보드의 Variable(변수)와 상응하는 기본 옵션 값들이 기본적으로 설정되어 있습니다. 대시보드를 구성하는 과정에서 위젯에 옵션 값을 여러 번 변경했더라도, [초기 설정으로 돌아가기] 버튼을 클릭하면 초기에 설정된 기본 옵션 값으로 쉽게 되돌릴 수 있습니다.
{{</alert>}}

(2-3) 추가하고자 하는 옵션이 없을 경우, [+옵션 추가] 버튼을 클릭하여 추가할 수 있습니다.

![dashboard-edit-add-widget-04](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-add-widget-04.png)

(2-4) 설정이 마무리되었다면, [확인] 버튼을 클릭하여 대시보드에 위젯 추가를 완료합니다.

<br>

### 위젯 순서 변경하기

우측 패널의 위젯 목록에서 위젯 이름 버튼을 드래그 & 드롭하여 순서를 변경할 수 있습니다.

![dashboard-edit-change-widget-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-change-widget-01.png)

<br>

### 위젯 크기 조정하기

전체화면으로 보고 싶은 위젯 오른쪽 상단의 [전체화면] 아이콘 버튼을 클릭합니다.

![dashboard-edit-full-screen-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-01.png)

![dashboard-edit-full-screen-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-edit-full-screen-02.png)


<br>

### 위젯 편집하기

(1) 위젯 우측 상단에 있는 [편집] 아이콘 버튼을 클릭합니다.

![dashboard-update-widget-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-update-widget-01.png)

(2) 위젯 이름 및 옵션을 수정하고, [확인] 버튼을 클릭하여 저장합니다. (단, [편집] 모드에서 대시보드 [저장]을 하지 않을 경우, 저장한 위젯은 최종 반영되지 않습니다.)

- 위젯 옵션 설정 관련 내용은 [**여기**](/ko/docs/guides/dashboards/edit/#위젯-추가하기)를 참고하십시오.

![dashboard-update-widget-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-update-widget-02.png)
33 changes: 33 additions & 0 deletions content/ko/docs/guides/dashboards/template.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
---
title: "대시보드 템플릿"
linkTitle: "대시보드 템플릿"
weight: 3
date: 2023-10-16
description: >
아래는 현재 기본으로 제공되는 대시보드입니다.
---


## 월별 비용 통계

클라우드 비용 발생 현황 및 예산 사용 상태를 다양한 그룹별 통계 기준으로 차트화한 대시보드입니다.

Cost(비용) 관련 위젯들로 구성이 되어 있으며, 대시보드 Variable(변수) 항목 중 Data Source가 필수적으로 1개 선택되어 있습니다.

![dashboard-basic-page-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-basic-page-01.png)

<br>

## CDN 및 트래픽 비용

CDN & Traffic 관련 특정 클라우드 프로덕트의 비용과 사용량을 파악할 수 있도록 현황을 차트화한 대시보드입니다. 대시보드 Variable(변수) 항목 중 Data Source가 필수적으로 1개 선택되어 있습니다.

![dashboard-basic-page-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-basic-page-02.png)

<br>

## 컴플라이언스 상태 관리

Compliance 구성 검사 및 모니터링 결과를 차트화한 대시보드입니다. Compliance Framework가 필수적으로 1개 선택되어 있습니다.

![dashboard-basic-page-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-basic-page-03.png)
144 changes: 144 additions & 0 deletions content/ko/docs/guides/dashboards/view.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
---
title: "대시보드 확인 및 빠른 설정"
linkTitle: "대시보드 확인 및 빠른 설정"
weight: 6
date: 2023-10-16
description: >
대시보드 [편집] 모드에서는 새로운 위젯 추가 및 상세 레이아웃 관리가 가능했다면, 대시보드 [보기] 모드에서는 데이터 확인뿐 아니라 이름, 레이블 수정 삭제 및 빠른 위젯 수정이 가능합니다.
---

## 대시보드 이름 편집/삭제/복제

### 이름 편집하기

(1) 대시보드 이름 옆의 [편집] 아이콘 버튼을 클릭합니다.

![dashboard-setup-edit-name-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-01.png)

(2) 대시보드의 이름을 변경한 뒤 [확인] 버튼을 클릭합니다.

![dashboard-setup-edit-name-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-edit-name-02.png)


### 삭제하기

(1) 대시보드 이름 옆의 [휴지통] 아이콘 버튼을 클릭합니다.

![dashboard-delete-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-delete-02.png)

(2) [대시보드 삭제] 모달의 [확인] 버튼을 클릭하여 대시보드를 삭제합니다.

![dashboard-delete-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-delete-03.png)


### 복제하기

(1) 대시보드 이름 옆의 [복제] 아이콘 버튼을 클릭합니다.

![dashboard-setup-duplicate-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-01.png)

(2) 대시보드를 복제 폼에서 다음 항목들을 설정할 수 있습니다.

![dashboard-setup-duplicate-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-duplicate-02.png)

- 대시보드 이름
- 공개 여부: `비공개`와 `공개` 중 하나를 선택합니다.

<br>


## 레이블 추가하기

[**여기**](/ko/docs/guides/dashboards/edit/#레이블-추가하기) 페이지에서와 동일하게 레이블 추가/삭제가 가능합니다.

![dashboard-setup-label-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-label-01.png)


<br>

## 필터 설정하기

필터를 설정하면 대시보드의 데이터를 원하는 조건으로 필터링하여 볼 수 있습니다.

(1) 대시보드 상단의 Variable(변수) 항목 중 원하는 항목의 세부 옵션을 선택합니다.

![dashboard-setup-filter-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-01.png)


(2) 앞전에 저장된 설정과 차이가 있을 경우, 우측에 [저장] 버튼이 활성화되며 이를 통해 빠르게 변경을 저장할 수 있습니다.

![dashboard-setup-filter-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-02.png)


(3) 옵션을 변경 중 최근에 저장된 값으로 되돌리고 싶을 경우, [초기화] 버튼을 클릭합니다.

![dashboard-setup-filter-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-03.png)


(4) [+ 추가] > [변수 관리] 버튼을 클릭하여, 변수 전체 항목에 대해 확인할 수 있으며, 커스텀 변수 추가 또한 가능합니다.

![dashboard-setup-filter-04](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-04.png)


(4-1) 커스텀 변수 추가가 필요할 경우, [변수 관리] 창의 우측 상단에 [+변수 추가] 버튼을 클릭합니다.

![dashboard-setup-filter-05](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-05.png)


(4-2) 추가 원하는 변수의 기본 정보를 입력한 후, [저장] 버튼을 클릭합니다.

![dashboard-setup-filter-06](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-filter-06.png)


<br>

## 기간 설정하기

대시보드 우측 상단의 [기간] 드롭다운에서 특정 월을 선택하거나, [커스텀] 메뉴를 통해 최근 3개년 기간 중에 특정 월을 선택할 수 있습니다.

{{<alert>}}
[편집] 모드가 아닌 [보기] 모드에서는 기간을 변경하더라도 저장되지 않습니다.
{{</alert>}}

![dashboard-setup-duration-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-duration-01.png)


<br>

## 데이터 새로고침 설정하기

대시보드 우측 상단의 [새로고침] 드롭다운에서 데이터 갱신 주기를 선택할 수 있습니다.

{{<alert>}}
[편집] 모드가 아닌 [보기] 모드에서는 해당 주기를 변경하더라도 저장되지 않습니다.
{{</alert>}}

![dashboard-setup-refresh-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-refresh-01.png)


<br>


## 위젯 전체보기 및 설정 편집하기

(1) 특정 위젯의 우측 상단에 있는 [전체화면] 아이콘 버튼을 클릭합니다.

![dashboard-setup-full-screen-01](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-01.png)


(2) 전체화면에서는 상세한 위젯 데이터 확인이 가능합니다. 상단 필터 항목은 대시보드 Variable(변수)와 동일한 항목으로, 각 옵션들을 변경해보며, 해당 위젯의 데이터를 자세히 확인해 볼 수 있습니다. (단, [전체화면] 모드에서 대시보드 변수를 변경한 내역은 저장되지 않습니다.)

![dashboard-setup-full-screen-02](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-02.png)


(3) 위젯의 세부 수정이 필요시, 우측 상단의 [옵션 편집] 버튼을 클릭합니다.

![dashboard-setup-full-screen-03](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-03.png)


(4) [편집] 모드에서와 동일하게, 위젯의 세부 항목을 수정하고 저장할 수 있습니다.

- 위젯 옵션 설정 관련 내용은 [**이 곳**](/ko/docs/guides/dashboards/edit/#위젯-추가하기)을 참고하십시오.

![dashboard-setup-full-screen-04](/ko/docs/guides/dashboards/dashboard-img/dashboard-setup-full-screen-04.png)

0 comments on commit ca20880

Please sign in to comment.