Bicep/ARM 템플릿의 브라우저 기반 즉시 시각화 및 토폴로지 분석 솔루션

Context

Azure Bicep 및 ARM JSON 기반 인프라 정의 시 수천 라인의 코드와 복잡한 dependsOn 관계로 인한 토폴로지 파악의 한계 발생. 기존 Azure Portal의 리소스 뷰는 개별 자원 중심이며, Visio 등 수동 도구는 최신 코드 반영 속도가 느려 설계 정합성 유지에 어려움 존재.

Technical Solution

• Bicep 및 ARM JSON 구문 분석기를 통한 브라우저 내 Direct Parsing 구조 설계
• Resource ID 및 parent 참조 기반의 VNet Containment 로직을 통한 계층적 시각화 구현
• dependsOn 배열과 .id 참조 관계를 Directed Graph로 변환하여 리소스 간 의존성 매핑
• 40개 이상의 Azure 리소스 타입을 공식 아이콘 셋과 매핑하는 매핑 레이어 구축
• Client-side 전용 렌더링 방식을 통한 Credential 노출 위험 제거 및 데이터 보안성 확보
• Terraform과 동일한 레이아웃 존(Internet, Compute, Data 등)을 적용한 Multi-cloud 비교 분석 환경 제공