토스 광고 대시보드의 클라이언트 데이터 처리 방식 개선
전체 데이터를 브라우저에 두는 광고 대시보드 만들기
토스의 광고 대시보드는 광고주가 캠페인, 광고세트, 소재를 관리하고 성과를 확인하는 도구로, 기존에는 서버 호출로 필터링, 정렬, 검색, 페이지네이션을 처리했다. 그러나 이러한 방식은 대기 시간을 초래하고 사용자의 탐색을 방해했다. 이를 해결하기 위해 전체 데이터를 클라이언트로 가져오고, 필터링과 정렬을 브라우저에서 처리하도록 변경했다. 이로 인해 응답 시간은 수백 밀리초로 줄어들었고, 성과가 0인 항목도 목록에서 사라지지 않게 되었다.
클라이언트가 전체 데이터를 갖고 필터링을 수행함으로써 대기 시간을 줄이고 사용자 경험을 개선할 수 있다.
원문 출처
토스 테크 (Toss Tech)