콘텐츠

전체 데이터를 브라우저에 두는 광고 대시보드 만들기

스토리 · 토스 테크 · 2026.08.20

토스의 프론트엔드 개발자가 광고주용 대시보드를 개선하며 겪은 기술적 도전과 해결 과정을 담고 있습니다. 기존에는 필터링, 정렬, 검색 등을 모두 서버에서 처리하여 발생하는 지연 시간과 데이터 누락 등의 문제를 해결하기 위해, 데이터를 클라이언트로 가져와 Web Worker를 활용해 브라우저에서 직접 처리하도록 구조를 변경했습니다. 이 과정에서 API 분리를 통한 점진적 렌더링, 메모리 효율을 위한 Transferable 객체 사용, Web Worker의 생명주기 관리 등 심도 있는 엔지니어링 고민과 트레이드오프에 대해 상세히 설명하고 있습니다.