AI 리포트 생성부터 시스템 입력까지: 전화상담 업무 자동화 웹 개발

1. 프로젝트 배경: "도구 활용에서 도구 제작으로"

기존에는 Gemini(Gem)으로 상담 리포트를 생성한 뒤, 다시 관리 시스템에 일일이 복사해서 붙여넣는 방식으로 업무를 진행했습니다. 하지만 계속 이용하다 보니, gem에서 프롬프트로 호출하는 것과 관리자사이트로 복붙하는 것조차 번거로워서 자동화를 시도하게 됐습니다.

기존 관리자시스템은 외주개발사에서 관리하고 외주개발사에 추가기능을 요청하면 너무너무 오래걸리고 번거롭고, 비용도 드니까요.

2. 시스템 아키텍처 및 워크플로우의 진화

• As-Is (기존): 녹취록 복사 → Gemini 실행 → 리포트 생성 → 시스템 로그인 → 대상 검색 → 리포트 붙여넣기 (5~6단계 수동 반복)

• To-Be (현재): 웹 앱에 녹취록 입력 → [리포트 생성 + 시스템 입력] 원클릭 완료

3. 주요 구현 기술 및 직면했던 과제

클로드 코드로 웹사이트를 개발하는데, 처음에는 뚝딱뚝딱 다 만들어진 것 같았지만, 전혀 작동되지 않았습니다. 서비스를 관리하는 관리자페이지의 html 구조를 제가 제대로 알려주지 못해서 그런 것이었어요.

🧩 관리자 시스템의 복잡한 HTML 구조 분석

관리자 사이트의 보안과 정형화되지 않은 동적 요소들로 인해 Selenium이 입력창이나 버튼을 식별하지 못하는 시행착오를 겪었습니다.

• 해결 방법: 브라우저 개발자 도구로 정밀 분석하여 고유한 셀렉터(Selector)를 추출했습니다. 또한, '명시적 대기(Explicit Wait)' 로직과 예외 처리(Fallback)를 적용하여 어떤 네트워크 환경에서도 자동화가 중단되지 않도록 안정성을 확보했습니다.

🤖 AI Engine & Selenium 기반 자동 입력

• Gemini API: 사전 정의된 가이드라인에 최적화된 리포트를 즉시 생성하며, 한 번에 만족스럽지 않을 경우 요구사항을 입력해 재작성 및 수정하는 피드백 기능을 추가했습니다.

  *클로드 코드로 개발했지만, 리포트 작성은 비용 효율성을 고려하여, gemini를 사용하자고 클로드가 추천했습니다. 기존에 gem을 활용하고 있었다고 설명해서 그런지도 모르겠습니다.

• 상태 자동 업데이트: 리포트 입력 시 상담 상태를 '통화예정'에서 '통화완료'로 자동 변경하고, 녹취록을 계산해 총 통화 시간(분)을 자동으로 기록합니다.

  

• 반자동화(Detach 모드): 입력을 마친 뒤 브라우저를 닫지 않아, 상담사가 최종 데이터를 체크하고 고객에게 전송 버튼을 누를 수 있는 안전한 마무리 인터페이스를 유지했습니다.

  

고객명과, 녹취록을 넣고, 리포트 생성하기를 누르면, 다음과 같이 리포트가 생성됩니다.

ALT

한국어 웹사이트 스크린샷

리포트 작성 가이드를 준수해서 리포트를 생성해야 하는데, 지침을 다 준수하지 못하거나 조금 보완이 필요할 때도 있어서, gemini에 수정을 요청하거나, 직접 수정하는 기능을 만들었어요.

리포트가 완성되면, 관리자 페이지로 자동입력 버튼을 누르고, 관리자 페이지에 저장됩니다.

이외에 몇가지 정보를 더 체크하고, 고객에게 전송하는 것은 관리자가 직접 해야해서, 관리자페이지를 열어 놓은 채로 작업을 이어갈 수 있도록 설정했어요.

4. 기술 스택 (Technical Stack)

클로드코드로 개발했습니다.

5. 자동화 웹 도입의 핵심 성과

• 단순 반복 업무의 제로화: gem으로 리포트 생성도 이미 편리해졌는데, 이제는 gem에서 프롬프트를 호출하거나 복붙하는 일조차 안 하게 되었어요.

• 데이터 정합성 보장: AI가 생성한 리포트가 시스템 규정(글자 수, 금지 기호 등)을 준수하는지 코드 레벨에서 자동 검증(Validation)합니다.

• 현장 최적화 워크플로우: 100% 완전 자동화보다 상담사의 최종 검토를 거치는 '반자동' 방식을 통해 실무 현장의 신뢰도와 안정성을 높였습니다.

6. 향후 계획

지금은 로컬에서 작동되지만, 시범사용 좀 더 해보고 cloudflare로 배포해서 장소에 구애 받지 않고 사용할 수 있도록 하겠어요.