Merge pull request #160 from jbokyung2/master

chore(language): a new guide for 'Dashboards' added

content/ko/docs/guides/administration/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "관리"
 linkTitle: "관리"
-weight: 6
+weight: 7
 date: 2022-06-27
 description: >
     **관리**에서는 도메인 사용자들의 정보나 역할, 정책 등을 관리하고 편집할 수 있습니다.

content/ko/docs/guides/advanced/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "고급 기능"
 linkTitle: "고급 기능"
-weight: 9
+weight: 10
 date: 2022-06-07
 description: >
     **고급 기능**에서는 클라우드포레를 더욱 편리하게 사용할 수 있는 기능들을 설명합니다. 

content/ko/docs/guides/alert-manager/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "얼럿 매니저"
 linkTitle: "얼럿 매니저"
-weight: 5
+weight: 6
 date: 2022-06-07
 description: >
     클라우드포레의 **얼럿 매니저**는 다양한 모니터링 시스템에서 발생하는 여러 패턴의 이벤트를 통합 관리할 수 있는 서비스입니다.

content/ko/docs/guides/asset-inventory/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "에셋 인벤토리"
 linkTitle: "에셋 인벤토리"
-weight: 3
+weight: 4
 date: 2022-06-07
 description: >
     **에셋 인벤토리**에서는 사용자가 등록한 클라우드 서비스 계정을 기반으로 리소스를 수집하고, 그 수집된 리소스를 조회할 수 있습니다.

content/ko/docs/guides/cost-explorer/_index.md

@@ -1,7 +1,7 @@
 ---
 title: "비용 관리"
 linkTitle: "비용 관리"
-weight: 4
+weight: 5
 date: 2022-06-24
 description: >
     **비용 관리**는 클라우드포레에 등록된 서비스 계정으로부터 발생한 모든 비용을 추적합니다.

content/ko/docs/guides/dashboards/_index.md

@@ -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(변수), 날짜 범위 및 각 위젯의 세부 옵션을 정밀하게 설정할 수 있어, 조직의 요구사항에 맞춰 보다 정확하고 전문적인 대시보드를 구축하고 관리할 수 있습니다. 
+
+---

content/ko/docs/guides/dashboards/create.md

@@ -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)을 참고하십시오. 
+
+
+

content/ko/docs/guides/dashboards/edit.md

@@ -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)

content/ko/docs/guides/dashboards/template.md

@@ -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)