[React JS] 디바운스와 스로틀 정리

2021. 1. 5. 12:20Programming Language/React JS

반응형

■ 디바운스

내용을 입력하다가 특정 시간 동안 대기하고 있으면 마지막에 입력된내용을 바탕으로 서버 요청을 하는 방법이다.구글의 검색창을 떠올리면 이해하는데 도움이 된다.검색창에 입력을 하다가 입력을 멈추면 검색창 하단에 연관 검색어가 나오는 것이 디바운스로 구현한 기능이다.


예시)


■ 스로틀

페이스북의 타임라인 기능으로 이해하기 쉽다.

스크롤을 내리는 동안 계속해서 다음 내용이 출력되는 무한 스크롤 기능이다.


예시)

반응형