Infracost JSON 데이터의 시각적 매핑을 통한 인프라 비용 최적화

Context

Terraform 기반의 비용 추정 도구인 Infracost는 텍스트 기반의 리스트 형태로 결과물을 제공함. 이러한 리스트 구조는 리소스 간의 상호 관계와 비용 발생 지점의 아키텍처적 맥락을 파악하기 어렵게 만드는 한계가 있음.

Technical Solution

• Infracost의 --format json 출력물을 InfraSketch의 다이어그램 노드와 1:1 매핑하는 Overlay 구조 설계
• 리소스별 월간 비용을 기반으로 4단계(Free, <$10, $10-100, $100-500, >$500)의 Color-coded Cost Pill을 적용하여 시각적 인지 속도 개선
• Client-side JavaScript 파싱 방식을 채택하여 Infracost JSON 데이터를 브라우저 내에서만 처리하는 Zero-server 데이터 전송 구조 구현
• 리소스 노드 하단 중앙에 비용 배지를 배치하고 Hover 기능을 통해 세부 컴포넌트(인스턴스, 스토리지, 백업 등)별 비용 분해 정보 제공
• Checkov 보안 오버레이와 병렬 배치를 통해 '고비용-취약' 리소스를 즉시 식별하는 다중 레이어 분석 체계 구축