CallZip · 상담 지원 AI 시스템

상담사 웹·설치 패키지

상담사가 답변 초안을 검토·승인하는 화면과 고객사 내부망 설치 패키지를 만들었습니다.

  • React
  • TypeScript
  • Vite
  • Tailwind CSS

핵심 기여

  • 티켓 처리, 비슷한 사례, 상품 문의 트렌드, 어휘 사전 승인, 권한·설정 화면 개발
  • 과거 통화 전사에서 상품 언급과 어휘 후보를 뽑아 SKOS 어휘 사전으로 승인·배포하는 기능 구현
  • 고객 음성 메모 접수 웹 개발
  • 의존성을 고정한 오프라인 설치 패키지로 내부망 설치 시험 통과

상담사 화면: 최종 판단은 사람이 한다

AI가 만든 답은 초안일 뿐이고, 고객에게 나가는 답은 상담사가 고르고 고칩니다. 그래서 화면은 초안과 근거를 나란히 보여 주고, 상담사가 빠르게 확인·수정·승인할 수 있게 만드는 데 집중했습니다.

  • 티켓 처리: 문의, 분류 결과, 답변 초안, 근거 문서를 한 화면에서 확인·수정·승인
  • 비슷한 사례: 과거 상담에서 닮은 문의와 실제 상담사 답변을 함께 표시
  • 상품 문의 트렌드: 통화에서 언급된 상품을 묶어 기간별로 보여 주는 화면
  • 어휘 사전 승인: 전사에서 뽑은 매장·상품 어휘 후보를 사람이 확인해 사전에 반영
  • 권한·설정: 역할별 권한과, 고객사마다 다른 기능을 켜고 끄는 기능 스위치
  • 고객 음성 메모 접수 웹: 브라우저에서 바로 녹음하거나 파일을 올려 문의를 남기는 화면

설치 패키지: 인터넷이 없는 내부망에 그대로 깔리게

고객사 서버는 외부 인터넷에 나갈 수 없어서, 설치 중에 아무것도 내려받지 않아도 되는 오프라인 설치 묶음을 만들었습니다. 의존성·이미지·모델을 판마다 고정해 묶고, 역할별 VM에 정해진 순서로 설치하도록 절차서를 함께 썼습니다.

다이어그램을 불러오는 중...
  • 역할마다 같은 install.sh를 쓰고, 바깥 연결을 바꿀 곳은 WAS의 설정 파일 하나로 모았습니다.
  • 설치 뒤 점검 명령으로 연결·HTTPS·시험 문의 처리를 한 번에 확인하게 했습니다.
  • DB 백업·복원과 이전 판으로 되돌리는 절차를 설치 절차서에 함께 넣었습니다.
  • 판(rc)마다 바뀐 점을 정리한 변경 안내와 상담사용 사용 설명서를 함께 전달했습니다.