

여기어때 고객 상담 시스템 구축 — SendBird와 metaData 기반 상태 관리
여기어때는 고객 상담 시스템에 SendBird SDK와 Salesforce를 연동했습니다. 상담 상태 제어와 UI 분기를 위해 채널 metaData를 적극 활용했습니다.
새로운 기술 블로그가 추가되었어요


여기어때는 고객 상담 시스템에 SendBird SDK와 Salesforce를 연동했습니다. 상담 상태 제어와 UI 분기를 위해 채널 metaData를 적극 활용했습니다.

Flutter 상태 관리 라이브러리 Riverpod의 기본 사용법과 서버 데이터 처리, 캐시, 오프라인 대응 같은 응용법을 소개했습니다. 또한 provider 설계 단순화, watch 최적화, 생명 주기 관리 같은 유의점도 정리했습니다.


XState를 도입해 복잡한 예약·웨이팅 연동의 상태 흐름을 선언적으로 관리한 사례를 정리했습니다. 비동기 연동과 시각화의 장점, 그리고 학습 곡선과 보일러플레이트 같은 한계도 함께 다뤘습니다.


뷰티 필터 프로젝트에서 React Query로 서버 상태 관리를 전환하고 필터 경험을 웹으로 확장했습니다. 고객 탐색 경험 개선과 API 호출 감소, 팀 문화 강화까지 이어졌습니다.

React 컴포넌트의 책임을 범용 UI와 도메인 로직으로 나누는 추상화 방법을 설명했습니다. 합성·커스텀 훅·상태 설계로 결합도를 낮추는 트레이드오프를 다뤘습니다.


Jotai를 Redux·Context API·Recoil과 비교하며 도입 배경과 선택 기준을 정리했습니다.\natom, 파생 atom, Provider, 주요 유틸과 참조 안정성 주의점을 소개합니다.
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.


Context API와 Redux의 역할 및 상태 관리 방식의 차이를 비교했습니다. 고급 상태 추적·재현 기능이 없다면 Context API 활용을 권장합니다.