인프라 설계부터 IaC 코드 생성까지, 엔지니어를 위한 오픈소스 다이어그램 툴 구축기

Context

기존 설계 도구의 일반적인 기능 중심 설계로 인한 클라우드 전용 컴포넌트 부족. 유료 플랜 중심의 과금 체계로 인한 접근성 저하. 엔지니어 맞춤형 무료 아키텍처 도구의 필요성 증대.

Technical Solution

• React Flow 기반의 캔버스 구현으로 노드 드래그 앤 드롭 및 그룹화 기능 확보
• 캔버스 인터랙션 로직 최적화를 통한 대규모 노드 환경에서의 랙 현상 제거
• PostgreSQL 및 Google OAuth 연동을 통한 실시간 프로젝트 상태 유지 및 인증 체계 구축
• 시각적 다이어그램을 Terraform HCL 및 Mermaid 포맷으로 변환하는 IaC 스캐폴딩 내보내기 기능 구현
• 자연어 기반의 아키텍처 묘사를 캔버스 렌더링으로 변환하는 AI 생성 파이프라인 설계
• AWS, GCP, Azure 등 200개 이상의 클라우드·인프라 컴포넌트 레지스트리 구축

Key Takeaway

시각적 인터페이스와 코드(IaC) 사이의 간극을 메우는 도구 설계로 인프라 정의의 효율성 극대화.