본문 바로가기

JavaScript/Lodash

[Lodash] Lodash란? Lodash 사용 사례 및 설치 방법 소개

반응형

안녕하세요.

최근에 프로젝트를 진행하면서, Lodash 함수를 많이 사용하게 되어서 이번 기회를 통해 Lodash 라이브러리에 대해 정리를 해보려고 해요.

Lodash 카테고리를 새로 추가하였는데, 이번 글을 시작으로 자주 사용하는 Lodash 라이브러리의 함수들을 설명하는 포스팅을 하나씩 올려볼 예정입니다😉

 

 

Lodash란?

개발을 하다 보면 여러 페이지에서 사용해서 공통으로 사용해야 하는 함수들이 종종 있죠. 그런 경우 직접 함수를 구현해서 util 폴더에 추가해서 사용을 하기도 하는데요. 개발을 할 때 일반적으로 많이 사용하는 기능들을 굳이 회사마다, 개발자마다 일일이 개발을 한다면 그건 비효율 적이라고 볼 수가 있을 것 같아요. 그래서 이런 일반적인 유틸 함수들을 모아서 제공해주는 라이브러리가 Lodash입니다. Lodash는 자바스크립트 용 유틸리티 라이브러리이고 가장 많이 쓰이고 최신의 기능을 제공하는 라이브러리입니다.

 

Lodash는 주로 어떤 경우에 사용할까요?

Lodash는 배열, 숫자, 객체, 문자열 등을 순회하면서 각 요소마다 원하는 기능을 실행하거나, debounce나 throttle처럼 구현하기 번거로운 함수들을 제공해주고 있어요. 상세한 함수들의 설명은 앞으로 다른 포스팅들을 통해 소개해보도록 하겠습니다.

 

Lodash를 사용하려면 어떻게 해야 하나요?

Lodash 설치방법

1. 브라우저에서 사용하기

<script src="lodash.js"></script>

2. npm으로 설치하기

$ npm i -g npm
$ npm i --save lodash

3. Node.js에서 사용하기

var _ = require('lodash');

 

Lodash 설치가 끝나면 _.함수명() 형태로 Lodash 라이브러리의 함수들을 이용할 수 있답니다.

 

 

 

 

💡Lodash 공식 사이트에서 더 상세한 내용을 확인하실 수 있습니다.

 

Lodash

_.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn

lodash.com

 

 

반응형