핵심 요약
Microsoft Developer가 AG-UI, DevUI, OpenTelemetry를 활용한 로컬 개발 생태계 개선 사례를 공유했습니다.
주요 경험
- 개발 초기의 Black-Box 실행, 인터랙션 실로, 성능 blind spots 문제를 해결하기 위해 GHModel.AI 기반의 “Golden Triangle” 스택(DevUI, AG-UI, OpenTelemetry)을 적용했습니다.
- Phase 1 Creation에서 GitHub Models를 활용하고 SDK 표준화를 통해 모델 백엔드를 손쉽게 교체하고, 코드 구조를 명확한 선언 형태로 정리했습니다.
- Phase 2 DevUI 도입으로 의사결정 과정을 시각화하고 실시간 상태 모니터링을 제공해 디버깅 루프를 대폭 단축했습니다.
- Phase 3 AG-UI를 통해 프런트엔드 없이도 표준화된 AG-UI 프로토콜로 UI를 구성하고, 스트리밍 및 서버사이드 UI 렌더링을 지원했습니다.
- Phase 4 OpenTelemetry로 분산 추적과 토큰 소비를 포함한 비용 가시성을 확보해 운영 관점의 성능 분석이 가능해졌습니다.
얻은 인사이트
- 도구를 모듈식으로 조합하면 로컬 개발-테스트-운영 사이의 피드백 루프가 크게 감소합니다.
- 디버깅 시 DevUI의 시각화와 OpenTelemetry의 데이터 기반 인사이트가 합쳐져 문제 원인 파악과 최적화가 체계적으로 이뤄집니다.
- AG-UI와 CopilotKit 같은 표준화된 UI 프로토콜은 프런트엔드 의존도를 낮추고, 생산성과 협업의 흐름을 개선합니다.
