배경
AACA 고도화는 상담사가 AI 추천 답변을 검토하고 상담 품질을 관리할 수 있도록 Agent 화면과 RAG 기반 응답 흐름을 정리한 사이드 프로젝트입니다. 화면 상태, 검색 결과, 음성 처리 흐름을 분리해 상담사가 현재 단계를 빠르게 이해할 수 있게 만드는 데 집중했습니다.
화면 및 구조
Agent dashboard
1 / 2
프로젝트 기간, 역할, 프로젝트 규모
- 프로젝트 기간
- 2026.02 - 진행중
- 역할
- 프론트엔드 고도화, RAG 응답 흐름 설계
- 프로젝트 규모
- 상담 Agent 대시보드, 품질 모니터링, RAG/STT/TTS 연동 흐름
기술 스택
ReactPythonRAGSTT/TTSAI Workflow
담당업무
React 기반 상담 Agent 대시보드와 상담 품질 모니터링 화면을 고도화했습니다.
상담 문서 임베딩, RAG 검색 결과, 추천 답변 노출 흐름을 화면 상태와 연결했습니다.
STT/TTS 처리 단계와 지연 구간을 UI 상태로 분리해 상담사가 현재 단계를 이해할 수 있게 정리했습니다.
문제 및 해결방안
상담 흐름과 AI 응답 흐름의 동기화
음성 입력, 문서 검색, 답변 생성, 상담사 화면 갱신이 각각 다른 속도로 움직여 사용자가 현재 상태를 파악하기 어려웠습니다.
상태를 단계별로 분리하고 Agent 화면에서는 진행 상태와 추천 답변을 함께 노출해 상담사가 AI 응답을 검토하고 개입할 수 있는 흐름으로 정리했습니다.
기술적 의사결정
음성 입력, 문서 검색, 답변 생성, 상담사 검토를 하나의 상태로 묶지 않고 단계별 상태로 분리했습니다.
AI 응답을 자동 실행 결과가 아니라 상담사가 검토하고 개입할 수 있는 추천 답변으로 노출했습니다.
성과
상담 현황, 추천 답변, 품질 점수, 개입 상태를 한 화면에서 확인할 수 있게 구성했습니다.
AI 도구 기반 개발 워크플로우를 적용해 화면과 백엔드 연동 반복 속도를 개선했습니다.
배운점
AI 기능은 모델 응답 자체보다 사용자가 응답 상태를 신뢰하고 개입할 수 있는 흐름이 중요하다는 점을 배웠습니다.