본문으로 건너뛰기
중급트리 브랜치: 고객 응대 & CS 자동화 챗봇게시일 2026-11-10 · 조회 1720회

카카오톡 알림톡 및 슬랙 양방향 연동: 기업형 AI 고객 상담 봇의 실시간 티켓팅 아키텍처

카카오톡으로 인입된 고객 문의를 AI가 24시간 실시간 답변하고, 복잡한 문의는 슬랙으로 즉시 전달하여 상담원이 원클릭 가로채기(Takeover)하는 실전 파이프라인입니다.

홍

홍은선 연구원

HongLabAI AI 엔지니어링 리드

👁️ 조회 1720❤️ 추천 118💬 댓글 0
스폰서 광고 영역 (Google AdSense)

📌실무 핵심 요약 (Key Engineering Takeaways)

  • ✔반복 문의 80%는 AI가 1.5초 만에 완벽 해결, 복잡 문의는 슬랙으로 실시간 에스컬레이션
  • ✔슬랙 블록 킷(Block Kit) 대화형 버튼으로 상담원이 브라우저 관리자 창 없이 슬랙에서 즉시 응대
  • ✔Redis 분산 락(Distributed Lock)과 세션 상태 플래그로 중복 응답 및 메시지 꼬임 원천 차단

고객 문의의 80%는 배송 조회, 환불 규정, 영업 시간 등 반복적인 FAQ입니다. 하지만 100% 자동화 챗봇만 두면 예외적인 불만 고객이나 특수 케이스에서 고객 경험이 망가집니다.

HongLabAI가 구축한 양방향 하이브리드 CS 파이프라인의 핵심은 다음과 같습니다: 1. 카카오톡 i 오픈빌더 웹훅 수신: 고객 질의를 LLM + RAG 엔진이 1.5초 이내에 답변 2. 감정 분석 및 불확실성 감지: 고객의 분노 키워드가 감지되거나 AI 답변 신뢰도(Confidence Score)가 0.7 미만인 경우, 즉시 슬랙 전용 CS 채널로 고객 대화 로그와 요약본을 웹훅 전송 3. 슬랙 원클릭 휴먼 핸드오버: 상담원이 슬랙 버튼 [상담 가로채기]를 클릭하면 이후 카카오톡 메시지가 AI를 거치지 않고 해당 상담원의 슬랙 스레드와 실시간 릴레이 연결

이 시스템을 도입한 쇼핑몰 고객사는 야간/주말 CS 인건비를 0원으로 만들면서도 고객 만족도를 94%로 유지했습니다.

🔄엔지니어링 아키텍처 흐름도 (Architecture Workflow)

카카오톡 고객 질의 전송
➔
Next.js API 라우트 웹훅 수신 & Redis 세션 체크
➔
AI 지식 엔진 답변 생성 및 신뢰도/감정 점수 산출
➔
기준 미달 시 슬랙 #cs-urgent 채널로 즉시 티켓 발권
➔
상담원이 슬랙 스레드에서 답변 입력 시 카카오톡으로 실시간 역전송
typescript 예제 코드HongLabAI Verified
import { NextRequest, NextResponse } from "next/server";
import { redis } from "@/lib/redis";

// 카카오 i 오픈빌더 스킬 서버 엔드포인트
export async function POST(req: NextRequest) {
  const body = await req.json();
  const userId = body.userRequest.user.id;
  const utterance = body.userRequest.utterance;

  // 1. 현재 상담원이 가로챈 세션인지 확인
  const isHumanSession = await redis.get(`cs:human:${userId}`);
  if (isHumanSession) {
    // 슬랙 상담원 스레드로 고객 메시지 중계
    await relayToSlackThread(userId, utterance);
    return NextResponse.json({ version: "2.0", template: { outputs: [] } });
  }

  // 2. AI RAG 엔진 질의 및 신뢰도 측정
  const { answer, confidence, isAngry } = await queryAiSupportEngine(utterance);

  // 3. 신뢰도가 낮거나 화난 고객인 경우 슬랙으로 긴급 티켓 발행
  if (confidence < 0.7 || isAngry) {
    await sendSlackHandoverAlert({ userId, utterance, summary: answer, reason: isAngry ? "분노 감지" : "지식 부족" });
    return NextResponse.json({
      version: "2.0",
      template: {
        outputs: [{ simpleText: { text: "상세 확인이 필요한 문의입니다. 전문 상담원에게 연결 중이니 잠시만 기다려 주세요." } }],
      },
    });
  }

  return NextResponse.json({
    version: "2.0",
    template: { outputs: [{ simpleText: { text: answer } }] },
  });
}
#KakaoTalk#Slack#CSAutomation#HumanHandover#Webhook
스폰서 광고 영역 (Google AdSense)

💬트리 구조 기술 토론 (0)

해당 주제에 관한 질의응답 및 피드백은 계층형 트리 댓글로 정리됩니다.

작성된 기술 토론이 아직 없습니다. 메인 보드에서 첫 번째 질문을 남겨보세요!

같은 트리 브랜치의 추천 아티클