[JavaScript] lodash 라이브러리

lodash 라이브러리는 javascript의 인기있는 라이브러리로 객체, 배열 등의 데이터 구조를 쉽게 변환하여 사용하게끔 도와준다. lodash라는 이름은 _를 사용하기 때문에 따온 것으로 보인다. 나는 스크롤 내릴 때 콘솔이 여러 번 찍히는 것을 막기 위해 throttle 메서드를 사용했다.

 

window.addEventListener('scroll', _.throttle(()=>{
  console.log('scroll!')}, 300));

 

lodash 라이브러리의 설치 과정은 다음과 같다.

 

cdn 방식

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

npm 설치 방법

npm i -g npm

npm i --save lodash

 

import 방법(npm 설치시)

import _ from 'lodash';

 

자세한 사항은 https://lodash.com/ 을 참조하자.