매장 상담 챗봇 테스트 화면. 영업시간과 메뉴 버튼
실제 화면 캡처
AI 이미지 도구로 만든 일러스트입니다. 실제 화면은 위에 있습니다.

카카오톡 채널 챗봇

매장 상담 챗봇

영업시간, 메뉴, 위치, 예약을 버튼으로 바로 안내합니다.

메뉴 예시

  • 영업시간
  • 메뉴
  • 위치와 주차
  • 예약 문의

작업 기록

소개

가게의 카카오톡 채널에서 영업시간, 메뉴, 위치와 주차, 예약 문의를 버튼으로 안내하는 상담 챗봇입니다. 정해진 답이 없는 질문은 AI가 가게 정보 안에서만 답하게 할 수 있습니다.

목적

가게마다 반복되는 질문에 바로 답하고, 가게 정보 파일 하나만 바꾸면 다른 가게에도 쓸 수 있게 하는 것.

주요 기능

  • 영업시간, 메뉴, 위치와 주차, 예약 문의 네 개의 버튼 메뉴
  • ‘주차 돼요?’처럼 키워드가 든 질문에 자주 묻는 질문 답을 바로 보냅니다.
  • AI 상담을 켜면 정해진 답이 없는 질문에 가게 정보만 근거로 답하고, 모르는 것은 확인 후 안내하겠다며 전화번호를 알려 줍니다.
  • 다른 가게용으로 바꿀 때는 가게 정보 파일(store.json)만 고칩니다.

적용 기술

Kakao i Open Builder skill server
카카오 오픈빌더가 질문을 보내면 답을 돌려주는 서버 (응답 형식 2.0)
Node.js on Vercel
서버리스 함수 /api/skill
OpenAI API
AI 상담 (선택, 키가 있을 때만)
store.json
가게 정보와 자주 묻는 질문

구현 중 문제와 해결

  1. 해결함

    문제: 카카오는 5초 안에 답이 없으면 대화를 끊습니다.

    고친 방법 AI 답을 3.5초 안에 받지 못하면 전화 안내로 대신 답합니다.

  2. 해결함

    문제: AI가 가게에 없는 내용을 지어낼 수 있습니다.

    고친 방법 가게 정보만 근거로 답하게 하고, 정보에 없는 것은 확인 후 안내하겠다고 답합니다.

실제 결과물

챗봇 관리자센터의 봇 테스트 창에서 영업시간, 주차 질문과 정해진 답이 없는 질문에 답하는 화면을 캡처했습니다. 화면 속 가게는 시험용 예시입니다.

시연과 체험

  • 시뮬레이션

    매장 상담 챗봇

    실제 상담 봇 코드(lib/bot.js)를 이 페이지 안에서 돌리는 시뮬레이션입니다. 카카오톡 채널과 연결되어 있지 않습니다. 버튼과 자주 묻는 질문의 답은 실제 코드가 만들고, AI 답변은 꺼 두었습니다. 가게 이름, 주소, 전화번호는 예시입니다.

    시뮬레이션 열기 (매장 상담 챗봇, 새 창)

  • 실제 화면 캡처

    위 화면은 챗봇 관리자센터의 봇 테스트 창에서 찍었습니다.

맡은 일과 AI 도구

AI 도구를 쓴 곳

  • 스킬 서버 코드, 시험, 설치 안내는 AI 코딩 도구(Claude)로 만들었습니다(저장소 기록 2026-10-03).
  • 챗봇 안에서도 AI(OpenAI)를 선택해서 씁니다.