여
여기어때
November 12, 20252회
여기어때 고객 상담 시스템 구축 — SendBird와 metaData 기반 상태 관리

간단 소개
여기어때가 SendBird SDK와 메타데이터를 활용하여 고객 상담 시스템의 복잡한 상태 관리 및 커스텀 UI를 구현한 과정을 설명합니다.
AI Summary
시작하며: 고객 상담 시스템 구축 목표 및 도전 과제
- 여기어때는 카카오 채널 대신 앱/웹 내 실시간 고객 상담 시스템 구축을 목표로 함.
- SendBird SDK를 중심으로 설계하고 Salesforce 연동으로 이력 관리 및 상태 처리를 구현.
- SDK만으로는 커스텀 UI, 상태 기반 분기 처리, 시스템 메시지 노출, Salesforce 상태 동기화 등 구현에 한계가 있었음.
- 이러한 한계를 극복하기 위해 SendBird의 메타데이터(metaData) 기능을 적극 활용. SendBird SDK 활용 및 메타데이터의 필요성
- SDK 초기화, 연결 관리, 메시지 이벤트 수신(onMessageReceived), 메시지 로딩 등 기본 흐름을 안정적으로 구축.
- applyMessages 훅을 통해 중복 메시지 제거, 메시지 정렬 등 실시간성 문제 해결.
- 상담 시작/종료 여부, 상담사 연결 상태, 시스템 메시지 발송 여부 등 채팅방의 '상태' 정보는 SDK 메시지 자체에 없어 메타데이터가 필수적이었음.
- 메타데이터는 key-value 형태로 채널에 저장되며 모든 참여자가 공유하고 서버/클라이언트에서 갱신 가능하여 상태 관리 확장 포인트로 활용. 메타데이터 기반 상태 제어 및 커스텀 UI
- 상담방 최초 진입 시 메타데이터를 로드하여 초기 UI를 분기하고, 필요시 Salesforce 임시 케이스를 생성.
- **메타데이터 값(예: caseStatus, connectingMessage)**을 감지하여 상담 연결/종료 시스템 메시지 노출, 카테고리 버튼 등 UI 분기 및 제어.
- customType 기반의 커스텀 메시지 및 버튼 UI를 구현하여 서비스 요구사항에 맞게 유연하게 확장.
Next Feeds

SK바이오팜의 Agentic AI 기반 신약 개발 워크플로 자동화 도전기
SK바이오팜이 Agentic AI 기반 Multi-Agent 시스템을 구축하여 신약 개발 워크플로를 자동화하고 효율성을 97.5% 개선한 사례.
신약 개발Agentic AI워크플로 자동화Multi-AgentSK바이오팜
2025. 11. 12.
AWS

AWS와 함께하는 웅진AI Runner Challenge 4부: Amazon Q Developer CLI 활용한 보안 취약점 진단 및 조치
AWS 웹사이트의 쿠키 정책과 광범위한 클라우드 서비스 및 지원 리소스 목록을 다룹니다.
AWS클라우드 서비스쿠키AI보안
2025. 11. 12.
AWS

Claude Code Subagent: Context Engineering
Claude Code의 컨텍스트 부족 문제를 Subagent를 활용한 컨텍스트 엔지니어링으로 해결하여 AI 코딩 생산성을 높이는 새로운 개발 패러다임을 제시합니다.
Claude CodeSubagent컨텍스트 관리AI 코딩생산성
2025. 11. 12.
딜라이트룸

2025. 11월(중순)-12월 테크세미나 추가 일정(+2026. 1Q 확정 일정)
2025년 11월부터 2026년 1분기까지 국내외 주요 기술 컨퍼런스 및 세미나 일정을 요약한 정보입니다.
AI기술 컨퍼런스개발자클라우드모바일
2025. 11. 12.
skplanet

Grafana Alloy로 로그·메트릭 통합 수집하기 : Promtail 대체·Docker 실전 가이드
Grafana Alloy로 Promtail의 한계를 극복하고 로그·메트릭을 통합 수집하는 방법과 Docker 환경 실전 가이드.
Grafana AlloyPromtailObservability로그 수집메트릭 수집
2025. 11. 12.
인포그랩
수직 중앙 정렬한 텍스트가 치우쳐 보이는 이유
폰트 메트릭, 브라우저 렌더링, 픽셀 밀도 등으로 인해 텍스트 수직 중앙 정렬이 치우쳐 보이는 원인과 실용적인 해결 방안을 설명합니다.
폰트수직 정렬폰트 메트릭브라우저 렌더링픽셀 밀도
2025. 11. 11.
NHN