뉴렐릭 대시보드를 위한 새로운 맞춤화 옵션

뉴렐릭 대시보드를 사용하면 소스에 관계없이 전체 스택에서 텔레메트리 데이터를 분석할 수 있습니다. 대시보드는 엔지니어링 팀이 데이터를 결합해 원하는 대로 시각화할 수 있는 유연한 방법입니다. 사전 구축된 템플릿, 네이티브 플랫폼 시각화, 커스텀 쿼리 등을 모두 한 곳에서 확인할 수 있습니다.

이제 더 다양해진 맞춤화 옵션으로 대시보드를 향상할 수 있습니다.

• 차트 색상 맞춤화를 통해 주요 정보 강조 표시, 오류의 신속한 식별, 선호하는 색상 팔레트 매칭
• null 값 제거 또는 변환
• 맞춤화 가능한 단위로 차트 세부 정보 및 명확성 향상
• 동일한 대시보드에서 다양한 시간 범위 분석
• Markdown을 사용해 대시보드에 커스텀 콘텐츠 추가

이 블로그에서는 최신 대시보드 옵션과 커스텀 대시보드를 최대한 활용하는데 도움이 되는 팁과 예시를 살펴봅니다. 또한 직접 사용해 볼 수 있도록 샘플 대시보드 JSON 파일도 제공합니다.

시작하기

사전 요구사항

먼저, 다음 단계를 시작하십시오. 

• 뉴렐릭 계정에 로그인합니다. 계정이 없는 경우, 무료 계정을 신청합니다.
• 뉴렐릭에서 애플리케이션이나 서비스를 연결합니다. 그러면 대시보드가 트랜잭션 데이터로 채워집니다. 이 작업을 수행하지 않은 경우, 뉴렐릭에서 Add data로 이동하여 안내 설치(Guided install) 또는 애플리케이션 모니터링 데이터 소스를 선택하고 설치 지침을 따릅니다.

대시보드 템플릿 가져오기

뉴렐릭 계정에 로그인하고 애플리케이션이나 서비스를 성공적으로 연결하면 대시보드 템플릿의 복사본을 얻을 수 있습니다. 이제 뉴렐릭의 대시보드로 이동하여 Import Dashboards를 선택합니다.

다음으로, GitHub gist에서 JSON 코드를 붙여넣습니다.

그런 다음, Import dashboard를 선택합니다. 다음과 같은 이미지가 표시됩니다.

색상 맞춤화

데이터 시각화에 색상을 추가하면 의미를 보다 명확하게 전달하고 중요한 정보에 시선을 집중시키는 데 도움이 됩니다. 이제 영역, 막대, 선, 원형 및 누적 막대 차트에 계열별로 차트 색상을 변경할 수 있습니다.

예를 들어 심각하거나 보통 수준의 오류 경고에는 전통적인 빨간색과 노란색을 사용할 수 있습니다. 국가 코드별로 패싯되는 차트에 쉽게 식별할 수 있는 색상을 사용하면, 보는 사람이 차트 범례를 볼 필요 없이 정보를 구문 분석할 수 있습니다. 또는 브랜드의 색상을 선택해 세련된 느낌을 줄 수도 있습니다.

계열 색상을 맞춤화하려면: 

1. 쿼리를 실행합니다.
2. 차트 설정에서Colors 메뉴를 엽니다.
3. + 아이콘을 선택합니다.
4. 색상을 변경할 계열을 선택합니다.
5. 원하는 색상을 선택합니다. 그래픽에서 이미지로 색상을 선택하거나 커스텀 RGB, HEX 또는 HSL 코드를 입력할 수 있습니다.

Null 값 설정

쿼리하는 이벤트 속성에 0이 있으면 시계열 차트가 깨져 보일 수 있습니다. 그러나 null 값은 상황을 올바르게 표시하지 않을 수 있습니다. 이제 null 값을 표시하는 다양한 옵션이 있어, 시계열 차트를 더 쉽게 이해할 수 있습니다.

null 값을 처리하기 위한 새로운 옵션은 다음과 같습니다.

• Leave as null(기본값): Null 값은 차트에서 간극으로 표시되어 선이 끊어져 보일 수 있습니다. 보고에서 간극을 찾는 것이 중요하거나, 연속으로 선을 연결하는 것이 적절하지 않은 경우, 이 옵션을 사용할 수 있습니다.
• Remove the value: Null 포인트는 차트에 존재하지 않습니다. 예를 들어, 하루에 시간당 데이터 포인트를 표시하는 차트는 24개 미만의 포인트를 표시합니다.
• Preserve the last value: Null 값은 이전 기간의 값을 유지합니다. 예를 들어, 차트가 매시간 누적 판매를 보고하지만 한 시간 동안의 데이터가 누락된 경우, 누락된 시간에 대해서는 이전 시간과 동일한 판매 수가 반영됩니다.
• Transform the value to zero: 누락된 데이터는 0으로 표시됩니다. 이 옵션은 의미 있는 트랜잭션, 개수 또는 사용량이 없음을 의미하는 데이터가 없을 때 유용할 수 있습니다.

null 값이 표시되는 방식을 맞춤화하려면:

1. Edit chart를 선택하거나 쿼리를 실행합니다.
2. 맞춤화 UI에서 Null values 메뉴를 엽니다.
3. 적용하려는 Null 값 옵션을 선택합니다.
4. 계열별로 다른 옵션을 사용하려면, 다음을 계열별 Null 값 옆에 있는 + 버튼을 선택해 구성할 수 있습니다.

단위 맞춤화

차트를 더 명확하게 표시하기 위해, 이제 Y축과 각 계열에서 단위를 맞춤화할 수 있습니다. 선, 영역 및 누적 막대 차트에서 사용할 수 있습니다.

Y축에서 단위를 맞춤화하려면:

1. 쿼리를 실행합니다.
2. 맞춤화 UI에서 Units 메뉴를 엽니다.
3. 사용하려는 단위를 선택합니다. 단위가 Y축에 표시됩니다.
4. 원하는 경우, + 아이콘을 사용해 계열별로 추가적인 맞춤화가 가능합니다.다른 단위를 사용할 계열를 선택합니다. 값 위로 마우스를 가져가면 계열이 표시됩니다.

영구 값에 대한 시간 선택기는 무시합니다.

시간 선택기는 분석의 시간 범위를 정의합니다. 대시보드 상단에서 시간 범위를 조정하면 모든 차트에 동일한 범위가 설정됩니다. 이는 인시던트 문제를 해결하는 동안 특정 기간에 발생한 일을 관찰하기 위해 데이터 범위를 좁혀야 할 때 유용합니다. 또한 대시보드를 사용하면 시계열 차트 내에서 클릭하고 드래그하여 대시보드의 시간 선택기를 조정할 수 있으므로 차트 전체에서 정보를 쉽게 연관시킬 수 있습니다.

그러나 동적 차트를 원하지 않는 경우가 있을 수 있습니다. 예를 들어 특정 기간 동안의 누적 개수가 표시되도록 값이 지속되길 원하는 경우가 있을 수 있습니다. 또는 대시보드의 나머지 부분에 표시되는 시간 범위에 관계없이 항상 지난 24시간의 값을 표시하고 싶을 수도 있습니다.

차트를 만들고 시간 선택기를 무시하려면:

1. Edit chart를 선택하거나 쿼리를 실행합니다.
2. 맞춤화 UI에서 Dashboard Options을 엽니다.
3. Ignore time picker 토글을 켭니다.

마크다운 위젯

Markdown 편집기를 사용해 커스텀 콘텐츠로 대시보드에 컨텍스트와 개성을 추가할 수 있습니다. 이 기능을 사용하면, 서식이 지정된 텍스트, 체크리스트, 이미지, 코드 스니펫 등을 추가할 수 있습니다. 이를 통해 공유 대시보드를 쉽게 설명하고, 유용한 하이퍼링크를 추가하고, 작업 목록을 만들고, 필요한 다른 Markdown 콘텐츠를 만들 수 있습니다!

Markdown 위젯을 추가하려면:

1. 대시보드의 오른쪽 상단에서 + 기호를 선택합니다.
2. Add text, images, or links를 선택합니다.
3. 왼쪽의 Markdown 창에 내용을 입력합니다.
4. 미리보기 창에서 콘텐츠를 확인합니다.
5. Save를 선택해 대시보드에 추가합니다.
6. 필요한 경우, 아무 Markdown 위젯에서 줄임표(...) 아이콘을 선택하고 Edit을 선택하여 기존 콘텐츠를 수정할 수 있습니다.

Markdown 구문 옵션에 대한 보다 자세한 내용은 GitHub 마크다운 가이드를 참조하십시오.

위젯에 대한 보다 자세한 정보는 아래의 비디오를 확인하시기 바랍니다.