Vue - _ 언더스코어 lodash

#Vue2 에서 사용된 이 구문들의 의미를 설명해드리겠습니다.

#lodash

import _ from 'lodash'

이것은 Lodash 라이브러리를 가져오는 구문입니다.

• Lodash는 JavaScript 유틸리티 라이브러리로, 배열, 객체, 문자열 등을 다루는 편리한 함수들을 제공합니다
• _ (언더스코어)는 Lodash의 관례적인 별칭입니다

return _.chain(this.grdList)

이것은 Lodash의 체이닝(chaining) 기능을 사용하는 구문입니다.

구성 요소:

• this.grdList: Vue 컴포넌트의 데이터 속성 (아마도 그리드 리스트)
• _.chain(): 여러 Lodash 메서드를 연속으로 호출할 수 있게 해주는 함수

체이닝의 장점:

// 체이닝 없이
const filtered = _.filter(this.grdList, item => item.active);
const mapped = _.map(filtered, item => item.name);
const result = _.take(mapped, 5);

// 체이닝 사용
const result = _.chain(this.grdList)
  .filter(item => item.active)
  .map(item => item.name)
  .take(5)
  .value(); // 최종 결과를 얻으려면 .value() 호출 필요

주의사항:

• 체이닝을 사용하면 마지막에 .value()를 호출해야 최종 결과값을 얻을 수 있습니다
• 코드가 더 읽기 쉽고 간결해집니다

이 패턴은 주로 복잡한 데이터 변환 작업을 할 때 유용합니다.