본문으로 건너뛰기

시작하기

React와의 통합

Palito는 React를 기반으로 개발된 라이브러리입니다. React의 강력한 기능과 유연한 생태계를 최대한 활용하여, 사용자의 프로젝트에 자연스럽게 통합될 수 있도록 설계되었습니다.

이 가이드에서는 Palito를 사용하여 IT 인프라를 시각화하는 방법을 단계별로 알아보겠습니다.

시작하기 전에

Palito를 사용하기 위해서는 React 환경이 필요합니다. 기존 React 프로젝트에 추가하거나, 새로운 React 프로젝트를 시작할 수 있습니다.

최소 요구사항

  • React 16.8.0 이상
  • Node.js 12.0.0 이상

다음 단계

Palito의 기본 기능을 이해하기 위해, 아래 순서대로 실습을 진행해 보세요:

  1. PALITO 캔버스 추가하기
    • 사용자의 React 프로젝트에, Palito 라이브러리를 가져오는 방법
  2. 토폴로지 생성하기
    • 변환된 데이터로 시각적 토폴로지를 생성하는 방법
  3. 존 이동하고 관리하기
    • Zone 단위로 구성 요소들을 관리하는 방법
  4. 내보내기 및 저장
    • Excel 양식 업로드, 다운로드 및 JSON 데이터 활용 방법
  5. 프로젝트, 버전 관리하기
    • 프로젝트 단위에서의 메타데이터 및 버전 관리 방법

각 단계에서 실제 예제를 통해 주요 기능을 살펴보겠습니다.