핵심 요약
인포그랩은 Generative UI로 자연어로 GitLab 데이터를 조회하고 차트를 동적으로 생성하는 실전 구현 가이드를 제시했다.
구현 방법
- 시스템 프롬프트와 GitLab 스키마 정의로 SELECT만 허용하고 LIMIT 20, 날짜 필터 규칙을 적용하는 쿼리 제어를 구현한다.
- route.ts에서 Anthropic Claude를 활용해 SQL을 생성·실행하고, 결과를 displayBarChart 등으로 변환하는 파이프라인을 구성한다.
- 샌드박스 실행과 후처리로 보안성과 안정성을 확보한다.
주요 결과
- 자연어 의도에 기반한 차트 생성이 가능해졌고 쿼리는 안전하게 검증된다.
- LIMIT 20 등 제약으로 DB 부하 관리와 예측 가능성을 높였다.
