Skip to main content

라이브러리 소개

What is Palito? 🤔​

Palito는 네트워크 토폴로지를 직관적으로 시각화하고 자동으로 배치할 수 있는 ReactFlow 기반의 다이어그램 라이브러리입니다. 복잡한 네트워크 구성도를 손쉽게 구현하고, 실시간으로 관리할 수 있습니다.

예시 비디오

Why Palito?​

  1. 💡 자동화된 시각화: 복잡한 네트워크 구성을 자동으로 분석하고 시각화
  2. 🚀 손쉬운 통합: React 애플리케이션에 쉽게 통합 가능
  3. ⚡ 뛰어난 성능: 대규모 네트워크도 부드럽게 처리
  4. 🎨 커스터마이징: 필요에 따라 확장 가능한 유연한 구조

✨ 주요 기능​

📈그래프 자동 생성​

  • CSV 데이터를 기반으로 한 네트워크 노드 자동 생성
  • 노드 간 연결 관계 자동 분석 및 엣지 생성
  • 대규모 네트워크 구성도 빠른 시각화

자세히 알아보기

🔄 자동 레이아웃​

  • 네트워크 장비 노드 자동 배치
  • 스마트 엣지 라우팅 및 자동 생성
  • 충돌 방지 알고리즘 적용

자동 레이아웃이란?

🎯 손쉬운 조작​

  • 드래그 앤 드롭 방식의 직관적인 노드 추가
  • 실시간 노드 정보 수정
  • 줌 인/아웃 및 패닝 지원

자세한 사용법 알아보기

📦 다양한 컴포넌트​

  • 네트워크 장비별 커스텀 노드
    • 라우터
    • 스위치
    • 방화벽
    • L4/L7 장비
    • 서버
    • 그 외 다양한 네트워크 장비
  • 구역(Zone) 기반 그룹핑
  • 커스텀 가능한 엣지 스타일

자세히 알아보기

🚀 시작하기​

Palito를 시작하기 위한 단계별 가이드를 제공합니다:

  1. 🎓 핵심 개념

    • 이 라이브러리를 사용하면 좋은 점
    • 핵심 기능 이해하기

  2. 💻 사용해보기

    • 데이터 변환해보기
    • 토폴로지 생성해보기
    • 토폴로지와 상호작용해보기

📫 지원받기​

도움이 필요하신가요?