핵심 요약
Microsoft Developer가 React v18과 Azure SQL, Azure OpenAI 기반의 RAG 검색을 활용한 AI 에이전트형 애플리케이션을 구축하고 Azure Static Web Apps로 배포했습니다.
구현 방법
- React v18 + TypeScript + FluentUI를 사용해 반응형 UI를 구성하고 검색 입력 및 결과를 직관적으로 표시
- Azure SQL Database에 저장된 데이터를 대상으로 Data API Builder로 REST 엔드포인트를 노출하고, RAG 패턴으로 질의를 처리
- Azure OpenAI의 GPT-4o를 활용해 검색 결과를 구조화하고 관련 문서와 맥락 설명을 생성하며, 인증은 Entra ID와 역할 기반 접근 제어를 적용
주요 결과
- LLM(GPT-4o)을 통해 관련 문서를 신속하게 선별하고 맥락 설명을 제공하는 응답을 생성
- 샘플 데이터 검색의 정확도와 맥락 이해가 향상될 수 있도록 구조화된 결과를 제공
- 모바일 친화적 UI를 갖춘 웹 애플리케이션으로 손쉽게 접근 가능



