아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
여기어때 favicon여기어때

SendBird metaData로 고객 상담 시스템 확장!

by DD
2025-11-12
8개월 전
조회수 7

SendBird SDK를 활용하여 여기어때 앱/웹 내 고객 상담 시스템 구축

metaData를 활용, SDK의 한계를 극복하고 상담 상태 관리 기능 구현

커스텀 UI 및 Salesforce 연동을 통해 상담 흐름을 유연하게 제어

SendBird SDK 기본 구조

SendBird SDK는 초기화, 연결 관리, 메시지 수신의 기본 흐름을 따른다. 구체적으로 onMessageReceived 이벤트를 통해 메시지를 수신하고, 중복 제거 및 정렬 로직을 적용하여 UI 일관성을 유지한다. 따라서, 안정적인 채팅 경험을 제공한다.

metaData 기반 상태 관리

SendBird의 metaData는 상담 상태를 관리하는 핵심 요소이다. 상담 시작, 케이스 생성, 상담사 연결 상태 등 다양한 정보를 key-value 형태로 저장한다. 반면, SDK 메시지 자체에는 이러한 상태 정보가 없어, metaData를 통해 UI 분기 처리를 구현한다.

커스텀 UI와 Salesforce 연동

SendBird SDK의 한계를 극복하기 위해 커스텀 UI를 적극 활용했다. 구체적으로 customType을 사용하여 시스템 메시지, 카테고리 버튼 등을 구현했다. 따라서, Salesforce와의 연동을 통해 상담 이력 관리 및 상태 동기화를 구현하여, 서비스 품질을 향상시켰다.

여기어때 고객 상담 시스템 구축 — SendBird와 metaData 기반 상태 관리
중급
아키텍처
SendBird
JavaScript
Salesforce
Backend
Frontend
원문 읽기
원문 읽기

댓글 0

첫 번째 댓글을 남겨보세요!

관련 추천 글

자바스크립트(JavaScript) 의존성 팽창, 왜 일어날까?

해커뉴스 로고

자바스크립트(JavaScript) 의존성 붓기(Bloat), 왜 생기는 걸까?

랍스타즈 로고

자바스크립트(JavaScript)로 VIN 디코딩(VIN Decoding)하는 3가지 방법

레딧 로고

UEFI에서 JavaScript 실행? 가능성의 문을 열다!

해커뉴스 로고

Bun으로 JavaScript 개발 속도 UP!

파이어쉽 로고

자체 JS 엔진 기반 'Ant' 런타임, 생태계 통합 시도

해커뉴스 로고
여기어때 favicon여기어때
중급
아키텍처
SendBird
JavaScript
Salesforce
Backend
Frontend

관련 추천 글

자바스크립트(JavaScript) 의존성 팽창, 왜 일어날까?

해커뉴스 로고

자바스크립트(JavaScript) 의존성 붓기(Bloat), 왜 생기는 걸까?

랍스타즈 로고

자바스크립트(JavaScript)로 VIN 디코딩(VIN Decoding)하는 3가지 방법

레딧 로고