# Tree Shaking

14개의 포스트
post-thumbnail

[JS] tree shaking과 class method

출처 : https://en.wikipedia.org/wiki/Tree_shaking코드를 최적화할 때 사용하는 \[dead code elimination](https://en.wikipedia.org/wiki/Dead-code_elimination)

2023년 5월 7일
·
0개의 댓글
·

타입스크립트에서 enum을 사용하면 안될까?

https://engineering.linecorp.com/ko/blog/typescript-enum-tree-shakingenum에 한글 형식을 어떻게 사용하면 좋을지 고민 중에 위와 같은 글을 보았습니다.결론은 "사용하지 않는 코드를 삭제하는 기능인 tre

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

[Frontend] 번들러(Bundler)

번들러의 탄생 이유와, 그 기능들을 간단하게 알아봅시다.

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

[최적화] Tree Shaking

트리쉐이킹(Tree Shaking)은 말 그대로 나무를 흔들어 잔가지를 털어내듯 불필요한 코드를 제거하는 것을 의미한다. 웹 개발을 할 때, 애플리케이션의 규모가 커지면서 코드의 양이 방대해지고, 다양한 라이브러리를 가져다 사용하게 되면 불필요한 코드를 그대로 가져가는

2023년 2월 1일
·
0개의 댓글
·
post-thumbnail

[최적화] Optimization

주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정.최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 수익과 관련되는 분야에서는 이익을 최대로 내는 과정을 말하기도 한다. 다양한 분야와 때에 따라 다르

2023년 2월 1일
·
0개의 댓글
·

Unit8 회고

[최적화]Optimization 🔆 Optimization > 최적화란❓ : 주어진 조건으로 최대 효율을 낼 수 있도록 하는 것 컴퓨터 공학에서의 최적화 : 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것 웹 개발에서의 최

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

CommonJS 와 ES Modules 의 번들 크기 비교

https://web.dev/commonjs-larger-bundles/ 의 예시 코드를 직접 돌려본 결과 입니다.https://github.com/youngkiu/cjs-vs-esm-size

2022년 10월 2일
·
0개의 댓글
·
post-thumbnail

Next.js 번들 사이즈 최적화 (패키지)

heic 이미지를 jpeg로 변환하기 위한 도구로 사용했는데, 사이즈가 1.15MB로 가장 큰 패키지로 확인됩니다.처음 패키지를 선정할 때는 다운로드 수가 비교적 많고, 사용 방법도 심플하고 동작에 문제가 없었습니다.하지만, 지금 돌아보면 패키지 사이..

2022년 10월 2일
·
0개의 댓글
·
post-thumbnail

next.js 빌드 최적화

next.js에서 빌드 최적화 방법 2가지

2022년 9월 13일
·
0개의 댓글
·

[개발자되기: 최적화] Day-56

(컴퓨터 공학) 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것(웹개발) 주어진 조건 아래 최대한 빠르게 화면을 표시하도록 하는 것화면 로딩 시간이 길어지면 사용가의 페이지 이탈확률도 높아짐 전환율: 웹사이트 방문자 중 회원가입

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

Optimization

Optimization

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

네 Enum! 누가 Typescript에서 Enum을 쓰냐!

Enum을 Tree-shaking관점으로 Typescirpt에서 더 효과적으로 사용하기 위해 Union Type으로 Migration 할 때 공부하였던 내용과 간단한 사용방법 및 검증을 다룬다.

2022년 7월 10일
·
6개의 댓글
·

[ VanillaJS ] webpack5 - 빌드 최적화

차근 차근 webpack 빌드 최적화 하기 🍀

2022년 1월 23일
·
0개의 댓글
·

Tree Shaking

직역하면 나무 흔들기, 모듈을 번들링할 때 사용하지 않는 코드를 제거하는 최적화 과정을 말한다.이 용어를 처음 최적화 개념에 사용한건 rollup.js이다. Webpack 4 부터 대단히 영리한 최적한 빌드를 보여준다.Webpack의 optimization에서 prov

2021년 2월 22일
·
0개의 댓글
·