피드로 돌아가기
Pulumi Diagram Generator — Visualize Pulumi Infrastructure Instantly
Dev.toDev.to
Infrastructure

95종 이상의 Pulumi 리소스를 브라우저 내 즉시 시각화하는 다이어그램 생성기

Pulumi Diagram Generator — Visualize Pulumi Infrastructure Instantly

Raghvendra Pandey2026년 4월 30일4intermediate

Context

프로그래밍 언어 기반 IaC인 Pulumi의 특성상 인프라 구조가 코드 내에 추상화되어 가시성 확보에 어려움 존재. 특히 조건문과 루프를 통한 동적 리소스 생성으로 인해 단순 코드 리뷰만으로는 실제 배포될 Topology 파악에 과도한 시간 소모.

Technical Solution

  • Pulumi TypeScript 및 Python 코드의 직접 파싱을 통한 컴파일 단계 없는 즉각적인 다이어그램 렌더링 구조 설계
  • vpcId, subnetId 등 리소스 간 참조 변수를 분석하여 Directed Arrow 형태로 연결 관계를 자동 매핑하는 로직 구현
  • VPC 및 Subnet 관련 인자를 식별하여 리소스를 논리적 경계 내에 배치하는 Containment 기반 레이아웃 엔진 적용
  • camelCase(TS)와 snake_case(Python)의 언어별 명명 규칙을 자동 감지하는 구문 분석기 탑재
  • AWS, GCP, Azure의 멀티 클라우드 리소스를 통합 처리하기 위해 95종 이상의 리소스 타입 정의 및 매칭 시스템 구축
  • 보안 및 프라이버시 확보를 위해 서버 전송 없이 Client-side Browser 환경에서 모든 처리 프로세스 수행

- IaC 코드 리뷰 시 PR 단계에서 시각화 도구를 활용해 의도한 아키텍처와 실제 코드의 일치 여부 검증 - 신규 팀원 온보딩 시 복잡한 TS/Python 인프라 코드 대신 시각화된 Topology 기반의 가이드 제공 - Terraform에서 Pulumi로의 마이그레이션 시 두 도구의 다이어그램 결과물을 비교하여 리소스 누락 여부 확인

원문 읽기