[React JS] 디바운스와 스로틀 정리
2021. 1. 5. 12:20ㆍProgramming Language/React JS
반응형
■ 디바운스
내용을 입력하다가 특정 시간 동안 대기하고 있으면 마지막에 입력된내용을 바탕으로 서버 요청을 하는 방법이다.구글의 검색창을 떠올리면 이해하는데 도움이 된다.검색창에 입력을 하다가 입력을 멈추면 검색창 하단에 연관 검색어가 나오는 것이 디바운스로 구현한 기능이다.
예시)
■ 스로틀
페이스북의 타임라인 기능으로 이해하기 쉽다.
스크롤을 내리는 동안 계속해서 다음 내용이 출력되는 무한 스크롤 기능이다.
예시)
반응형
'Programming Language > React JS' 카테고리의 다른 글
[React JS] 스토리북(react-storybook) 활용 (0) | 2021.01.12 |
---|---|
[React JS] 컴포넌트의 생명주기 (0) | 2021.01.06 |
[React JS]웹팩(Webpack)과 바벨(Babel) 개념 (0) | 2020.12.23 |
[React JS] ES6의 3가지 배열 함수 (0) | 2020.12.13 |
[React JS] ES6의 화살표 함수 사용 방법 3가지 (0) | 2020.12.07 |