Loadsh란 JavaScript의 유틸리티 라이브러리 중 하나이다.
보통의 경우 array, collection, date 등 데이터의 필수적인 구조를 쉽게 다룰 수 있도록 하는데에 사용된다.
나 역시 업무를 하면서 컨트롤러단에서 넘겨준 데이터를 바인딩시켜서 JSP로 화면에 뿌려줄 때 사용해봤다.
공식 document 사이트는 https://lodash.com/docs/4.17.15
Lodash Documentation
_(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti
lodash.com
ㅡ. (변수) 이런식으로 작성할 경우 lodash wrapper로 변수를 감싸게 되면서 해당 변수에 대한 chaining을 시작한다.
하나만 예를 들어서 설명하면 배열로 만들어서 반환하는 _.map()이라는 함수가 존재한다.
컬렉션(Collection) 데이터에 사용할 수 있으며 각각의 객체 아이템에 특정 키 값만 가지고 배열로 반환하는 기능을 한다.
users라는 변수를 하나 만들어서 컬렉션 데이터를 가지고 키 값의 형태로 만들어준다.
배열로 값을 받기 위해서 map을 활용하여 변수랑 키를 가지고 값을 출력하게 되면,
출력값으로 ['barney', 'fred']의 형태로 값이 나오게 되고 이것을 원하는 곳에다가 데이터가 출력되게 설정해주면 된다.
간단하게 살펴보았는데 이런 라이브러리도 있구나 하고 한번 보고 넘어가면 될 것 같다.
'Frontend' 카테고리의 다른 글
| JS Validation Check. (0) | 2021.12.04 |
|---|---|
| JS Null Check. (0) | 2021.11.27 |
| jQuery Event. (0) | 2021.10.02 |
| CSS Display vs Visibility (0) | 2021.09.22 |
| jQuery attr(), prop(), val(), text() (0) | 2021.09.18 |