대시보드에 텍스트 및 그룹화 추가

이 문서에서는 유용한 정보를 대시보드에 추가하는 방법과 대시보드에서 위젯을 그룹화하는 방법을 설명합니다. 예를 들어 대시보드에 대한 정보를 추가하거나 링크를 관련 리소스에 추가하거나 다양한 상황에서 수행할 작업을 추가할 수 있습니다. 대시보드에 위젯이 많으면 위젯을 그룹화하여 대시보드 사용성을 향상시킬 수 있습니다.

Cloud Monitoring API에 대한 자세한 내용은 API로 대시보드 만들기 및 관리를 참조하세요.

시작하기 전에

Google Cloud 콘솔을 사용하여 커스텀 대시보드를 만들고 수정하는 데 필요한 권한을 얻으려면 관리자에게 프로젝트에 대한 Monitoring 편집자(roles/monitoring.editor) IAM 역할을 부여해 달라고 요청하세요. 역할 부여에 대한 자세한 내용은 액세스 관리를 참조하세요.

커스텀 역할이나 다른 사전 정의된 역할을 통해 필요한 권한을 얻을 수도 있습니다.

역할에 대한 자세한 내용은 Identity and Access Management로 액세스 제어를 참조하세요.
대시보드에 위젯을 최대 40개까지 넣을 수 있습니다.

대시보드에 텍스트 추가

다음 스크린샷은 텍스트 위젯을 보여줍니다.

텍스트 위젯이 있는 대시보드 예시.

이 섹션의 정보는 Google Cloud 콘솔에 대한 설명입니다. Cloud Monitoring API 사용에 대한 자세한 내용은 Text 위젯이 있는 대시보드를 참조하세요.

대시보드에 텍스트 위젯을 추가하려면 다음을 수행합니다.

Google Cloud 콘솔에서 대시보드 페이지로 이동합니다.
대시보드로 이동

검색창을 사용하여 이 페이지를 찾은 경우 부제목이 Monitoring인 결과를 선택합니다.
대시보드를 선택하거나 대시보드 만들기를 클릭합니다.
툴바에서 위젯 추가를 클릭합니다.
위젯 추가 대화상자에서 레이아웃 섹션으로 이동한 후 텍스트를 선택합니다.
제목을 추가합니다.
콘텐츠 창에 표시할 텍스트를 입력합니다. 텍스트 위젯은 제한된 마크다운 명령 집합을 지원합니다.
- 헤더를 만들려면 #를 사용합니다. 서로 다른 수준의 헤더에 여러 개의 해시 기호를 사용할 수 있습니다.
```
  # Header
  ## Second heading
  ### Third heading
```
- 기울임꼴 글꼴을 표시하려면 *italic* 또는 _italic_을 사용합니다.
- 굵은 글꼴을 표시하려면 **bold** 또는 __bold__를 사용합니다.
- 링크를 추가하려면 [link text](absolute URL)를 사용하세요. link text에 모든 값을 사용할 수 있지만 절대 URL을 사용해야 합니다.
  
  예를 들어 [example.com](https://example.com/)를 작성하여 example.com에 연결할 수 있습니다.
선택사항: 표시 창의 필드를 사용하여 콘텐츠를 맞춤설정합니다.
대시보드에 변경사항을 적용하려면 툴바에서 적용을 클릭합니다. 변경사항을 삭제하려면 취소를 클릭합니다.

대시보드 위젯 정리

커스텀 대시보드를 사용하면 차트, 알림 정책, 기타 위젯의 위치를 지정할 수 있습니다. 하지만 대시보드에 섹션을 만들거나 위젯을 그룹화하여 위젯이 많은 대시보드의 사용성을 개선할 수 있습니다.

대시보드에서 색인이 생성된 섹션을 만들려면 섹션 헤더 위젯을 사용합니다. 이 위젯을 대시보드에 추가하면 목차가 생성되고 가로 구분선이 대시보드에 추가됩니다. 목차를 사용하면 대시보드의 특정 섹션으로 이동할 수 있습니다. 각 섹션 위젯에는 앵커가 포함됩니다. 문제를 해결할 때 섹션 URL을 팀원과 공유할 수 있습니다. 섹션 URL을 복사하려면 제목 링크를 마우스 오른쪽 버튼으로 클릭한 다음 링크 주소 복사를 선택합니다.
대시보드 로드 시간을 줄이려면 축소형 그룹 위젯과 단일 뷰 위젯을 사용합니다. 두 위젯 모두 위젯 컬렉션을 포함하며, 우선순위가 낮은 데이터를 사용해 표시되지 않는 컬렉션 구성원을 검색하여 성능을 개선합니다. 축소형 그룹 위젯은 확장될 때 컬렉션의 모든 구성원을 표시합니다. 그렇지 않으면 모든 구성원이 숨겨집니다. 반면 단일 뷰 그룹 위젯은 한 번에 하나의 컬렉션 구성원만 표시하며, 메뉴를 사용하여 표시할 구성원을 선택할 수 있습니다.

이 섹션에서 설명하는 위젯을 사용하려면 커스텀 대시보드가 기본 레이아웃인 모자이크 모드를 사용해야 합니다. 레이아웃을 그리드로 변경하면 해당 위젯을 사용할 수 없습니다.

이 섹션의 나머지 부분에서는 대시보드를 구성하는 데 사용할 수 있는 위젯을 추가하고 구성하는 방법을 설명합니다. 위젯을 수정하는 방법에 대한 자세한 내용은 위젯의 구성 수정을 참조하세요.

섹션 헤더 위젯 추가

Cloud Monitoring API를 사용하여 섹션 헤더 위젯을 만드는 방법에 대한 자세한 내용은 SectionHeader 위젯이 있는 대시보드를 참조하세요.

Google Cloud 콘솔을 사용하여 섹션 헤더 위젯을 추가하려면 다음 안내를 따르세요.

Google Cloud 콘솔에서 대시보드 페이지로 이동합니다.
대시보드로 이동

검색창을 사용하여 이 페이지를 찾은 경우 부제목이 Monitoring인 결과를 선택합니다.
위젯 추가 대화상자에서 레이아웃 섹션으로 이동한 다음 섹션 헤더 위젯을 선택합니다.
위젯에서 섹션 수정을 클릭하고 대화상자를 완료합니다.
- 섹션 이름 필드의 값이 목차에 표시됩니다.
- 대시보드에 부제목 필드의 값이 표시됩니다.
- *목차에 구분선 추가를 선택하면 목차의 항목 다음에 가로선이 추가됩니다.

축소형 그룹 위젯 추가

Cloud Monitoring API를 사용하여 축소형 그룹 위젯을 만드는 방법에 대한 자세한 내용은 CollapsibleGroup 위젯이 있는 대시보드를 참조하세요.

Google Cloud 콘솔을 사용하여 축소할 수 있는 그룹 위젯을 추가하려면 다음을 수행합니다.

Google Cloud 콘솔에서 대시보드 페이지로 이동합니다.
대시보드로 이동

검색창을 사용하여 이 페이지를 찾은 경우 부제목이 Monitoring인 결과를 선택합니다.
위젯 추가 대화상자에서 레이아웃 섹션으로 이동한 후 축소형 그룹을 선택합니다.
위젯을 그룹에 추가하려면 위젯을 그룹으로 드래그합니다.

위젯을 그룹에 추가한 후 포인터를 사용하여 위젯의 크기와 위치를 조정할 수 있습니다.
그룹에 설명이 포함된 제목을 추가하려면 위젯 위에 포인터를 올려놓아 툴바를 활성화한 후 그룹 수정을 클릭합니다.
선택사항: 기본적으로 그룹을 접으려면 위젯 위에 포인터를 올려놓아 툴바를 활성화한 후 그룹 접기를 클릭합니다.

축소형 그룹 위젯을 접으면 Monitoring은 다른 위젯보다 낮은 우선순위의 그룹에서 위젯 데이터를 검색합니다. 따라서 대시보드가 더 빠르게 로드됩니다.

단일 뷰 그룹 위젯 추가

Cloud Monitoring API를 사용하여 단일 뷰 위젯을 만드는 방법에 대한 자세한 내용은 SingleViewGroup 위젯이 있는 대시보드를 참조하세요.

Google Cloud 콘솔을 사용하여 단일 뷰 그룹 위젯을 추가하려면 다음을 수행합니다.

Google Cloud 콘솔에서 대시보드 페이지로 이동합니다.
대시보드로 이동

검색창을 사용하여 이 페이지를 찾은 경우 부제목이 Monitoring인 결과를 선택합니다.
필요한 경우 단일 뷰 위젯에 추가할 위젯을 만듭니다.
위젯 추가 대화상자에서 레이아웃 섹션으로 이동한 후 단일 뷰 그룹을 선택합니다.

단일 뷰 그룹 위젯이 대시보드에 추가됩니다.
단일 뷰 그룹 위젯에 위젯을 추가합니다.
1. 단일 뷰 그룹 위젯에서 위젯 메뉴를 펼친 후 그룹 수정을 선택합니다.
2. 위젯 추가를 클릭한 후 위젯 추가 메뉴에서 선택합니다.
  
  참고: 일부 위젯 위형은 단일 뷰 그룹 위젯에 추가할 수 없습니다. 위젯 추가 메뉴에는 호환되는 위젯만 나열됩니다.
3. 단일 뷰 그룹 위젯에 추가하려는 위젯마다 이전 단계를 반복합니다.
4. 낮음 및 높음 버튼을 사용하여 그룹 위젯의 위젯을 정렬합니다.
5. 제출을 클릭합니다.
대시보드가 새로고침되고 단일 뷰 그룹 위젯에 추가된 위젯 중 하나만 표시됩니다. 표시된 위젯의 툴바를 사용하면 표시된 위젯을 수정하거나 다른 작업을 수행할 수 있습니다.

다음 단계

커스텀 대시보드에 다음 위젯을 추가할 수도 있습니다.

차트 데이터 탐색 및 대시보드 필터링에 대한 상세 설명은 다음 문서를 참조하세요.