본문 바로가기 메뉴 바로가기

혜르미온느

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

혜르미온느

검색하기 폼
  • 분류 전체보기 (154)
    • JavaScript (54)
      • JS (21)
      • react (27)
      • vue (1)
      • 상태관리 (5)
    • Test (3)
      • jest (3)
    • TIL:Today I Learn (58)
      • retrospective (1)
      • git (8)
      • sentry (9)
      • etc (39)
      • reference (1)
    • lecture (6)
      • 김민태의 프론트엔드 아카데미 1강 (6)
    • Challenge (20)
      • 네이버쇼핑 (20)
  • 방명록

페이로드 (1)
tree shaking의 개념 및 주의사항 같은 사용방법

어느날 마주한 한 커밋 내용 'tree shaking'을 위한 수정. tree Shaking이 뭐지? Tree Shaking tree shaking이란 나무를 흔든다는 뜻을 그대로 적용시켰다고 할 수 있다. 나무를 흔들었을 때, 약한 나뭇잎들이 떨어지고 알짜만 남듯 실제로 사용하지 않은 코드들은 제하고, 사용되는 코드들만 빌드시킨다는 의미이다. 'build'에서 알 수 있듯이 이는 webpack에 들어있는 기능이다. 예를들어 import * from './utils'; 라는 코드가 있다. 하지만 import 한 곳에서 utils 안에 있는 것 중에 하나만 사용한다면? 굳이 모든 코드를 다 불러서 import 시켜야할까? 이러한 경우를 해결해 주는 방법이 tree shaking이라고 할 수 있다. 하지만 ..

TIL:Today I Learn/etc 2022. 6. 14. 21:41
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • gitRebase
  • 리코일
  • CSS
  • sentry
  • 프론트엔드
  • npm
  • reacthook
  • javascript
  • 리액트상태관리
  • TIL
  • react
  • 자바스크립트
  • 깃
  • 센트리모니터링
  • 모바일사파리
  • 크롬
  • js
  • 리액트훅
  • 센트리
  • 프론트앤드
  • storybookUI
  • 김민태
  • BFCache
  • vue
  • 사파리
  • frontend
  • 깃명령어
  • 리액트
  • js테스트
  • Git
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바