반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- react-ga
- 가상면접으로대규모시스템
- 전략패턴
- 시스템설계면접
- cypress React
- 시스템설계면접팁
- cypressBDD
- 테스트코드책
- Git commit 합치기
- 리팩터링2판테스트
- 리팩토링2판4장
- git commit 협업
- formik submitting not working
- FirebaseAnalytics
- 가상면접3장
- gitsquash
- s3이미지다운로드됨
- 리액트구글애널리틱스
- git commit merge
- git squash
- formik react-query submitting not working
- 헤드퍼스트전략패턴
- 디자인패턴
- awss3
- 시스템설계
- file not found Error
- 시스템설계방법
- 시스템설계면접예시
- 가상면접2장
- react
Archives
- Today
- Total
mingg IT
[JavaScript] Lodash cloneDeep import 하기(Tree Shaking) 본문
주로 깊은 복사를 사용할때 lodash를 사용한다.
import 를 해보면 이렇게 우리가 주로 사용을 할텐데
import _ from 'lodash'
나는 lodash 안에서 cloneDeep 만 사용하려고 한다.
그럴땐 import {함수명} from 'lodash' 로 사용하면 된다. 허나 블로그를 참고해보니 용량이 여전히 줄지 않았다고 함.
해당 방법처럼 사용해야 용량이 줄어든다한다.
import cloneDeep from 'lodash/cloneDeep';
결론 트리쉐이킹으로 모듈 용량 줄이면 된다.
(참고 블로그)
'FrontEnd' 카테고리의 다른 글
[Vue3 + Typescript + Cypress] Cypress 도입하기 (0) | 2022.10.23 |
---|---|
[HTML] form 태그 안에 button 태그가 있을 경우 click 이벤트가 발생하는 문제 (1) | 2022.10.14 |
[Vue] Error: spawn yarn ENOENT on vue create (0) | 2022.10.04 |
[HTML] input에 number만 입력 되도록 (꿀팁) (0) | 2022.09.11 |
[StoryBook] React+ StoryBook 사용 예시 (0) | 2022.08.15 |
Comments