Splunk. 조건에 따라 테이블 행에 색상을 지정하는 방법.

Splunk. 조건에 따라 테이블 행에 색상을 지정하는 방법.

Alex Verbniak
Alex Verbniak 선임 보안 엔지니어 linkedin icon 팔로우

Add to my AI research

이전 기사에서는 Splunk에서 소스 접근성을 모니터링하는 간단한 대시보드를 만드는 방법을 시연했습니다. 오늘은 대시보드의 모든 표를 더욱 명확하고 편리하게 만드는 방법을 시연하고자 합니다.

다음의 내용을 살펴보겠습니다. 제 마지막 기사 그리고 색상 표 행을 사용하여 결과로 얻은 표의 기능을 계속 개선하겠습니다.

셀의 색상 표 행 만들기

더욱 명확하게 하기 위해 ‘Minutes_ago’ 열의 결과에 따라 셀을 꾸미고자 합니다: ‘Minutes_ago’ 값이 0에서 10일 경우 녹색, 10-30 범위일 경우 파란색, 30 이상일 경우 빨간색입니다.
이러한 색상 구분은 Splunk 관리자들이 테이블의 필요한 정보에 즉시 집중하고 모든 접근할 수 없는 소스를 감지하는 데 도움이 됩니다.
이를 위해 javascript 커스터마이징이 필요합니다. Splunk 6.x Dashboard example app에 설명된 많은 예제가 있습니다 (https://splunkbase.splunk.com/app/1603/). 이 앱을 다운로드하고 설치하여 대시보드 요소를 구현하는 데 유용한 정보를 얻을 수 있습니다.
이 경우, “ Table Cell Highlighting” 예를 사용할 것입니다.
1) 먼저 지원하는 .js 및 .css 스타일시트를 대시보드에 추가하겠습니다. 그렇게 하기 위해 대시보드의 소스를 편집해야 합니다:2) 이제 파일을 만들겠습니다 table_cell_hightlighting.js and table_cell_hightlighting.css.

table_cell_hightlighting.css:

table_cell_hightlighting.js:

참고: css 와 js 파일의 템플릿은 Splunk 6.x Dashboard example app에서 가져왔습니다.3) 이 시점에서 모든 필요한 파일이 사용 준비가 되었습니다. 이러한 파일은 어디에 배치해야 할까요? 내 앱의 정적 디렉토리에 배치해야 합니다. 예를 들어, 검색이라는 앱을 사용했다면 table_cell_hightlighting.js and table_cell_hightlighting.js.css in $SPLUNK_HOME/etc/apps/search/appserver/static4) 그 후, Splunk 서비스를 다시 시작해야 합니다.
5) 결과적으로 조건에 따라 색상 있는 셀이 포함된 필요한 테이블이 표시됩니다.

동일한 방식으로 Splunk 6.x Dashboard example app의 많은 다른 시각화를 활용할 수 있습니다.이 기사는 Splunk 대시보드의 커스터마이징 예 중 하나를 설명합니다. 템플릿이나 색상 표 행을 사용할 필요는 없으며, 자신만의 시각화를 만들어 Splunk의 시각화를 무제한으로 만들 수 있습니다.

SOC Prime의 Detection as Code 플랫폼에 가입하세요 귀사의 비즈니스에 가장 중요한 위협에 대한 가시성을 개선하세요. 시작을 돕고 즉각적인 가치를 제공하기 위해 지금 SOC Prime 전문가와의 회의를 예약하세요.

More 블로그 Articles