Skip to main content

핵심 개념

Palito는 IT 인프라 토폴로지를 자동으로 시각화하고 관리하기 위한 라이브러리입니다. 수작업으로 진행하던 네트워크 다이어그램 작성을 자동화하여 효율적인 IT 자산 관리를 가능하게 합니다.


개발 배경

IT 자산 관리에서 가장 큰 어려움 중 하나는 자산들의 관계를 시각적으로 표현하는 것입니다. 기존에는

  • Excel로 관리되는 IT 자산 목록
  • 수동으로 그려야 하는 네트워크 토폴로지
  • 실시간 업데이트의 어려움

이러한 문제들을 해결하기 위해 Palito가 탄생했습니다.


워크플로우 비교

기존의 수동 작업 방식과 Palito를 사용했을 때의 워크플로우를 비교해보겠습니다:

기존 워크플로우

토폴로지 툴 선택 및 배우기수동
3~4시간
노드 직접 그리기수동
2-3시간
노드 수동 배치수동
1-2시간
엣지 직접 그리기수동
2-3시간
총 소요 시간: 약 8-10시간

Foxee Graph 워크플로우

데이터 임포트자동
10초
노드 생성자동
10초
관계 분석자동
10초
노드 배치자동
10초
총 소요 시간: 1분 이내

위 비교에서 볼 수 있듯이, Palito는 수동으로 진행하던 대부분의 작업을 자동화하여 작업 시간을 크게 단축시킵니다.

이 외에도 Palito는 토폴로지를 유지/관리 하는 작업을 자동화합니다. 다음은 수동과 자동의 비교입니다.

유지 보수 작업 비교하기

Without our library

수동으로 업데이트하기

비효율적입니다..

With our library

자동으로 업데이트하기

효율적입니다!!


핵심 구성 요소

이 항목은 Palito 워크플로우의 핵심 단계들을 설명합니다.

1. 데이터 임포트

Excel에 정리되어 있는 자산 목록을 노드 데이터로 자동 변환하는 것이 첫 단계입니다. IT 자산 목록이 자동으로 노드로 변환되어 관리가 용이해집니다.

tip

기존에 사용하던 Excel 자산 관리 체계를 그대로 활용할 수 있습니다.

예를 들어, 다음은 엑셀로 정리된 자산 목록을 노드로 변환한하는 예제입니다.

2. 노드 생성

변환된 노드들은 다음과 같은 계층 구조로 그룹화됩니다:

전체 토폴로지
Zone 1
CBS
Node 1
Node 2
Node 3
Zone 2
CBS
Node 4
Node 5
Node 6
  • Zone: 최상위 논리적 그룹
    • 부서, 프로젝트, 물리적 위치 등으로 구분
    • 독립적인 관리 단위
  • CBS (Clustered Bus System)
    • Zone 내 네트워크 기반 하위 그룹
    • 연관된 노드들의 자동 그룹화
  • Node
    • 개별 IT 자산
    • 실제 장비, 서버, 네트워크 장비 등

3. 관계 분석

토폴로지의 핵심은 자산들 간의 관계를 표현하는 것입니다. Palito는

  • 노드 간 네트워크 관계 자동 분석
  • 엣지 자동 생성

을 통해 자동으로 노드 간 관계를 분석하고 나타냅니다.

tip

아래 그림에서 노드를 클릭해보세요!

관계 분석 프로세스

Node 1
Zone: Zone A
CBS: CBS 1
Node 2
Zone: Zone A
CBS: CBS 1
Node 3
Zone: Zone A
CBS: CBS 2
Node 4
Zone: Zone B
CBS: CBS 3

4. 노드 배치

복잡한 네트워크 구조를 이해하기 쉽게 표현하기 위해 Palito는

  • Zone 내 노드 자동 배치
  • 겹침 최소화
  • Zone 및 CBS의 크기 자동 조절
  • 관계를 명확히 보여주는 배치 알고리즘

을 지원하여 자동으로 네트워크 토폴로지를 그려줍니다.

자동 레이아웃 데모

Node 1
Node 2
Node 3
Node 4
Node 5
Node 6

토폴로지 생성 이후

이 항목은 Palito로 생성한 토폴로지가 지원하는 기능들을 설명합니다.

1. 직관적인 인터랙션

ReactFlow 기반으로 작성되었기 때문에 다양한 상호작용이 가능합니다.

  • 노드를 마우스로 자유롭게 이동
  • 엣지 경로를 마우스로 자유롭게 조절
  • 드래그 앤 드롭으로 새로운 노드 추가
  • 노드 클릭으로 자산 정보 수정
Without our library

마우스로 노드 이동하기

Without our library

마우스로 엣지 경로 조절하기

With our library

마우스로 노드 추가하기

With our library

노드 클릭으로 정보 업데이트하기

2. 유연한 뷰 모드

상황에 따라 다른 관점으로 토폴로지를 볼 수 있습니다.

  • 전체 뷰: 모든 Zone을 한 번에 파악
  • Zone 뷰: 특정 Zone의 상세 구조 확인

전체 뷰

All zones view

모든 Zone을 한번에 볼 수 있습니다.

한 눈에 보기 편리합니다.

Zone 뷰

Individual zone view

각 Zone 별로 나눠서 볼 수도 있습니다.

Zone 내부를 자세히 볼 수 있습니다.


다음 단계