📦

lodash 꼭 써야 할까? 가벼운 대안 라이브러리 추천!

Updated

2025/03/19 09:47

결론부터 말하면 lodash 자체는 잘 최적화되어 있어 심각한 성능 문제는 없습니다. 다만 사용 방식에 따라 퍼포먼스 저하가 발생할 수 있습니다.

•

lodash 전체 import (import _ from 'lodash') → 번들 크기 증가

•

_.cloneDeep, _.merge 같은 깊은 복사 함수 반복 사용 → 대규모 데이터 처리에서 성능 저하

•

체이닝을 과하게 사용해 불필요한 연산 증가

•

React, Vue에서 렌더링 단계에 무분별하게 사용 → 렌더링 성능 문제

필요한 함수만 개별 import하고, 사용 위치와 빈도를 조절하면 대부분 문제는 발생하지 않습니다.

•

함수형 프로그래밍(FP) 지향

•

불변성 유지, 커링, 함수 조합에 최적화

•

lodash보다 함수형 처리에 더 적합

import { map } from 'ramda'
map(x => x * 2, [1, 2, 3]) // [2, 4, 6]
JavaScript
복사

•

lodash 주요 기능을 가볍게 재구현

•

번들 크기 2KB 내외로 매우 가볍고 빠름

import cloneDeep from 'nano-lodash/cloneDeep'
JavaScript
복사

•

특정 함수별로 Zero dependency 제공

•

필요한 함수 하나만 import 가능

import debounce from 'just-debounce-it'
JavaScript
복사

•

lodash의 ES module 버전

•

tree-shaking이 가능해 개별 import로 번들 크기 최소화

import debounce from 'lodash-es/debounce'
JavaScript
복사

최근 브라우저 내장 기능이 강력해져서:

•

map, filter, reduce, Object.assign, structuredClone

•

debounce, throttle 등은 10~20줄 내외로 간단히 직접 구현 가능