Turbine 위젯과 AI를 활용하여 맞춤형 보안 UI를 구축하는 방법

Turbine 위젯과 AI를 활용하여 맞춤형 보안 UI를 구축하는 방법

보안팀은 데이터 부족으로 어려움을 겪는 경우가 드뭅니다. 오히려 데이터를 제대로 활용하는 데 어려움을 겪습니다. 교대 근무 책임자에게 필요한 정보를 거의 다 보여주는 대시보드, 분석가가 하나의 경고를 재구성하기 위해 네 개의 탭을 열어야 하는 케이스 레이아웃처럼 말이죠. 기본 제공되는 화면들은 이러한 요구에 거의 근접하지만, 거기서 멈춥니다.

터빈 위젯은 마지막 단계를 완성합니다. 위젯은 사용자가 직접 구축하여 스윔레인 터빈의 애플리케이션 레코드 또는 대시보드에 추가하는 작고 사용자 정의 가능한 인터페이스 구성 요소입니다. 이를 통해 플랫폼은 보안 운영 센터(SOC)에 필요한 정보를 필요한 방식으로 정확하게 표시합니다. 이 가이드에서는 위젯이 무엇인지, 어디에서 실행되는지, 몇 가지 유용한 예제, 그리고 한 줄의 코드부터 일반적인 영어 프롬프트까지 세 가지 방법으로 위젯을 구축하는 방법을 안내합니다.

시간이 부족하신가요? 아래 영상에서 같은 내용을 몇 분 만에 확인하실 수 있습니다.

터빈 위젯이란 무엇인가요?

Turbine 위젯은 Swimlane Turbine 내부에 렌더링되는 사용자 지정 웹 구성 요소로, 데이터를 읽고 표시하고 업데이트할 수 있습니다. 위젯은 경량 웹 구성 요소 라이브러리인 Lit을 사용하여 구축되며, SwimlaneElement라는 기본 클래스를 상속합니다. 이 기본 클래스는 플랫폼과의 연결 고리 역할을 합니다. 현재 레코드 또는 보고서 데이터를 전달하고, 세션 컨텍스트를 노출하며, 토큰이나 인증 처리 없이 위젯이 모든 Turbine API를 호출할 수 있도록 합니다. HTML, CSS, JavaScript를 다뤄본 경험이 있다면 이 모델이 익숙하게 느껴질 것입니다.

그 보상은 생각보다 훨씬 큽니다. Turbine에 기본으로 제공되는 화면을 그대로 사용하는 대신, 인터페이스 자체를 확장하여 분석가에게 원하는 어떤 화면이든 표시할 수 있습니다.

위젯은 Turbine 자체 내에서 렌더링됩니다. 여기서는 레코드 레이아웃 위에 위젯이 있습니다.

기록 위젯 vs. 보고서 위젯

위젯은 두 곳에 렌더링되며, 렌더링 위치에 따라 위젯이 볼 수 있는 데이터가 결정됩니다.

• 레코드 위젯 레코드 레이아웃, 사례 또는 알림에 배치되어 해당 레코드의 필드를 활용합니다. 위험 점수 측정기, 이벤트 타임라인, 상태 표시기 또는 알림의 통합 보기 등에 자연스럽게 활용할 수 있습니다.
• 보고서 위젯 대시보드에 앉아서 보고서 쿼리를 통해 집계된 데이터를 읽을 수 있으므로 지표, 차트, 상태 모니터링 및 다중 테넌트 집계에 이상적입니다.

동일한 프레임워크이지만, 두 가지 범위가 있습니다. 하나는 단일 레코드의 데이터이고, 다른 하나는 여러 레코드에 걸친 데이터입니다.

레코드 위젯은 하나의 레코드를 읽습니다. 보고서 위젯은 여러 레코드를 읽습니다.

상위 3개 참고할 만한 터빈 위젯 예시

카탈로그에는 소스 코드가 모두 포함된 100개 이상의 위젯이 제공되므로, 패턴을 가장 빨리 익히는 방법은 하나부터 시작하는 것입니다. 저희가 자주 사용하는 위젯 세 가지는 다음과 같습니다.

#1 ROI 계산기 위젯 

ROI 계산기 위젯은 플레이북 실행, 액션 실행, Hero AI 사용량을 시간 및 비용 절감 효과로 환산하여 보여주는 보고서 위젯입니다. 이 위젯은 모든 SOC 책임자가 비즈니스 부서로부터 결국 받게 되는 질문, 즉 "이것이 어떤 수익을 가져다주는가?"에 대한 해답을 제공합니다.

ROI 계산기: 플레이북, 실행 계획 및 히어로 AI 프롬프트별 시간 및 비용 절감 효과.

#2 사례 요약

사례 요약 위젯은 레코드 수준에서 작동합니다. 여러 탭 대신 단일 창에 알림 정보를 모아서 보여줍니다.

사례 요약: 경고 및 관련 모든 정보를 한눈에 볼 수 있습니다.

#3 MITRE ATT&CK 히트맵 위젯

이 보고서 위젯은 경고 발생량을 MITRE ATT&CK 매트릭스에 매핑합니다. 아래 이미지에서 볼 수 있듯이, 색상은 탐지가 집중된 영역과, 더 유용하게는 탐지가 발생하지 않은 영역을 보여줍니다. 이 위젯은 SOC 벽면 디스플레이에 항상 배치되는 경우가 많습니다.

MITRE ATT&CK 히트맵: 탐지 결과가 집중되는 위치와 탐지 결과가 누락된 위치

터빈 위젯을 만드는 세 가지 방법

위젯을 만드는 방법은 코드를 얼마나 수정할 것인지에 따라 달라집니다. 세 가지 방법 모두 동일한 에디터와 swim-ui라는 컴포넌트 라이브러리를 사용하므로, 어떤 위젯을 만들든 Turbine에 자연스럽게 어울립니다.

1.    콘텐츠 전송 네트워크(CDN)에서 가져옵니다. 스윔레인 CDN에는 다양한 위젯이 호스팅되어 있어 바로 사용할 수 있습니다. 위젯 편집기에 가져오기(import) 코드 한 줄만 붙여넣고 저장하면 바로 렌더링됩니다. 안정적인 사용을 위해 특정 버전을 고정(prigend)할 수도 있습니다. 프레임워크에 대한 지식은 필요하지 않습니다.

2.    처음부터 구축하세요. 위젯 편집기를 열고 Lit 코드를 직접 작성하세요. SwimlaneElement를 확장하고, swim-ui를 불러와서 렌더링 메서드를 정의하면 됩니다. 이 방법을 사용하면 모든 것을 완벽하게 제어할 수 있으며 프레임워크를 배우는 가장 좋은 방법입니다. swimlane.github.io/custom-Widgets 사이트에서 API 참조, 컴포넌트 라이브러리, 전체 카탈로그의 소스 코드를 확인할 수 있습니다. 

3. Hero AI로 건설하세요. 위젯 편집기를 열고 "를 선택하세요“Hero AI로 구축하세요”. 원하는 바를 쉽고 명확하게 설명해 주시면, 히어로가 등장합니다. 위젯 제작 모드, 코드 탭에서 위젯 코드를 생성하고 실시간 미리보기를 보여줍니다. 코드를 검토하고 적용을 클릭하면 레이아웃에 추가됩니다. 동일한 세션에서 계속해서 수정할 수 있으며, Hero는 추가 정보가 필요할 때 질문을 통해 확인합니다. Hero AI는 테넌트에서 활성화되어 있어야 합니다.

Hero AI로 빌드하기: 위젯을 설명하고, 생성된 코드를 미리 보고, 적용을 클릭하세요.

자주 묻는 질문

터빈 위젯이란 무엇인가요?

Swimlane Turbine 내부에서 실행되는 사용자 지정 웹 구성 요소로, 데이터를 읽고, 표시하고, 업데이트할 수 있습니다. 위젯은 Lit 프레임워크와 Swimlane Element 기본 클래스를 사용하여 레코드 레이아웃 및 대시보드에서 플랫폼 UI를 확장합니다.

터빈 위젯은 어디에서 실행되나요?

두 곳에서 작동합니다. 레코드 위젯은 레코드 레이아웃에서 실행되며 단일 레코드의 필드를 사용합니다. 보고서 위젯은 대시보드에서 실행되며 보고서 쿼리에서 집계된 데이터를 읽어옵니다.

하나를 만들려면 코딩 방법을 알아야 하나요?

꼭 그럴 필요는 없습니다. CDN에서 미리 만들어진 위젯을 한 줄 코드로 가져오거나, Hero AI에 원하는 기능을 설명하여 코드를 생성하도록 할 수도 있습니다. 처음부터 코드를 작성하는 것은 선택 사항이며, 가장 큰 제어권을 제공합니다.

Hero AI가 저를 위해 위젯을 만들어 줄 수 있나요?

예. 위젯 편집기에서 Hero AI로 빌드를 선택하고 위젯을 쉬운 언어로 설명하면 Hero가 미리 보고 적용할 수 있는 코드를 생성해 줍니다. 테넌트에서 Hero AI가 활성화되어 있어야 합니다.

사용 가능한 위젯은 총 몇 개입니까?

이 카탈로그에는 100개가 넘는 위젯이 포함되어 있으며, 각 위젯은 소스 코드가 모두 공개되어 있어 사용자가 연구하고 자신의 환경에 맞게 수정할 수 있습니다.

나만의 위젯을 만들어볼 준비가 되셨나요?

팀에서 계속 원하던 뷰를 선택하고 직접 만들어 보세요. CDN에서 가져오거나, 처음부터 코딩하거나, Hero AI에 설명하는 등 어떤 방법이든 좋습니다. 그런 다음 공유해 주세요. 위젯을 LinkedIn에 게시하고 Swimlane을 태그해 주세요. 저희가 기대하는 수준이라면, 저희가 특별한 혜택을 제공해 드리겠습니다.