[라이브러리] lodash

[라이브러리] lodash

lodash : 개발을 하다보면 여러 페이지에서 사용해서 공통으로 사용해야 하는 함수들이 있다.

비효율을 방지하기 위해 유틸 함수들을 모아서 제공해주는 lodash 라이브러리를 사용한다.

어떤 경우에 사용할까?

배열, 숫자, 객체, 문자열 등을 순회하면서 각 요소마다 원하는 기능을 실행하거나, debounce나 throttle처럼 구현하기 번거로운 함수들을 제공해주고 있다.

throttling, debouncing

이벤트 핸들러가 많은 연산(무거운 계산 및 기타 DOM 조작)을 수행(이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 경우에 대해 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생시키는 것을 목표로 하는 기술

why? JS 연산이 많아지면 리소스를 많이 잡아먹음 -> 프레임이 떨어짐 -> 드드드득

1) throttle

연달아 호출되는 이벤트를 일정한 주기마다 발생하게 한다.

예를들어 스크롤에 debounce를 달면 스크롤이 멈췄을 때 쯤 발생한다.

2) debounce

연달아 호출되는 것 중에 마지막 또는 제일 처음 함수만 호출

출처

https://woowa-techcamp-2020.github.io/practice-interview/Javascript/%EC%9D%B4%EB%B2%A4%ED%8A%B8%EA%B0%9D%EC%B2%B4,throttle,debounce-%ED%95%9C%EA%B7%9C%ED%98%84.html#event-%EA%B0%9D%EC%B2%B4

https://creatijin.tistory.com/236

from http://moretz0921.tistory.com/367 by ccl(A) rewrite - 2021-12-23 11:27:59