쓰로틀링 (1) 썸네일형 리스트형 React : UX 향상 기법 - Throttling, Debouncing UX(사용자 경험)을 향상시키는Throttling & DebouncingThrottling짧은 시간 간격으로 연속해서 발생한 이벤트들을 일정시간 단위(delay)로 그룹화하여 처음 또는 마지막 이벤트 핸들러만 호출, 주로 무한스크롤에서 사용 이벤트의 반복 발생 시 처리 방법타입설명예시Leading Edge이벤트가 처음 발생할 때 핸들러가 실행됨. 이후 주어진 시간 (delay) 동안은 이벤트가 무시됨.사용자가 스크롤을 시작할 때 처음에만 API 호출이 이루어지고, 일정 시간 동안 추가 호출 무시Trailing Edge이벤트가 반복적으로 실행될 때, 주어진 시간(delay)이 지나면 마지막 이벤트를 처리Leading Edge와 비슷하지만 주어진 시간의 마지막 이벤트에 API 호출이 이루어짐Leading &.. 이전 1 다음