JS - lodash 라이브러리

어떤 html파일에서 한 이벤트를 실시할 시 함수가 작동됩니다.

해당 파일이 이런 이벤트나 함수가 많아질 수록 페이지가 버벅거릴 수 있습니다.

흔히, 무거워졌다고 표현하죠.

 

이 대, lodash 라이브러리를 사용하면 문제 해결됩니다.

 

lodash cdn

lodash cdn 페이지 링크

 

 

lodash 원리

lodash 라이브러리 원리

 

lodash 라이브러리 사용 전 후 비교

사용 전

scroll이벤트가 발생하면 scoll!! 를 출력하는 함수를 작동한 js코드입니다.

보시면 scroll할 때마다 출력이 되므로 짧은 시간 안에 출력된 값을 많이 쌓였습니다.

 

사용 후

lodash 라이브러리 사용 후, 함수를 실행한 횟수가 현저히 낮아졌습니다.

여기서 _.throttle메소드를 이용하며, 뒤에 300은 300ms마다 함수 실행하겠다는 뜻입니다.

_.throttle(함수, 시간)