디바운싱과 쓰로틀링

카카오페이에서 새로 배운 내용 기록. 밤(bam.chae)께서 목돈계산기/투자계산기 QA를 진행해주셨는데 슬라이더를 빠르게 이동시킬 경우 슬라이더가 멈춰버리는 현상이 이슈로 등록되었다. 슬라이더를 통해 금액값을 입력받고, 해당 값을 쿼리스트링으로 관리하도록 했는데 이 부분에서 따로 최적화를 하지 않아서 슬라이더를 빠르게 이동시킬 경우 지나친 Set 함수 호출로 인해 멈추는 것으로 확인되었다. UI팀 레츠(lets.go)께서 쓰로틀링이나 디바운싱을 적용하면 될 것 같다고 아이디어를 주셔서 해당 개념에 대해 먼저 알아보았다. 운영에는 수정 후 배포했다. 디바운싱(Debounce) 연속으로 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것 바운싱 현상(bouncing) : 전자 회로 스위..

2023.08.03