# Tree Shaking

[JS] tree shaking과 class method
출처 : https://en.wikipedia.org/wiki/Tree_shaking코드를 최적화할 때 사용하는 \[dead code elimination](https://en.wikipedia.org/wiki/Dead-code_elimination)
타입스크립트에서 enum을 사용하면 안될까?
https://engineering.linecorp.com/ko/blog/typescript-enum-tree-shakingenum에 한글 형식을 어떻게 사용하면 좋을지 고민 중에 위와 같은 글을 보았습니다.결론은 "사용하지 않는 코드를 삭제하는 기능인 tre

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

[최적화] Optimization
주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정.최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 수익과 관련되는 분야에서는 이익을 최대로 내는 과정을 말하기도 한다. 다양한 분야와 때에 따라 다르
Unit8 회고
[최적화]Optimization 🔆 Optimization > 최적화란❓ : 주어진 조건으로 최대 효율을 낼 수 있도록 하는 것 컴퓨터 공학에서의 최적화 : 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것 웹 개발에서의 최

CommonJS 와 ES Modules 의 번들 크기 비교
https://web.dev/commonjs-larger-bundles/ 의 예시 코드를 직접 돌려본 결과 입니다.https://github.com/youngkiu/cjs-vs-esm-size

Next.js 번들 사이즈 최적화 (패키지)
heic 이미지를 jpeg로 변환하기 위한 도구로 사용했는데, 사이즈가 1.15MB로 가장 큰 패키지로 확인됩니다.처음 패키지를 선정할 때는 다운로드 수가 비교적 많고, 사용 방법도 심플하고 동작에 문제가 없었습니다.하지만, 지금 돌아보면 패키지 사이..
[개발자되기: 최적화] Day-56
(컴퓨터 공학) 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것(웹개발) 주어진 조건 아래 최대한 빠르게 화면을 표시하도록 하는 것화면 로딩 시간이 길어지면 사용가의 페이지 이탈확률도 높아짐 전환율: 웹사이트 방문자 중 회원가입

네 Enum! 누가 Typescript에서 Enum을 쓰냐!
Enum을 Tree-shaking관점으로 Typescirpt에서 더 효과적으로 사용하기 위해 Union Type으로 Migration 할 때 공부하였던 내용과 간단한 사용방법 및 검증을 다룬다.
Tree Shaking
직역하면 나무 흔들기, 모듈을 번들링할 때 사용하지 않는 코드를 제거하는 최적화 과정을 말한다.이 용어를 처음 최적화 개념에 사용한건 rollup.js이다. Webpack 4 부터 대단히 영리한 최적한 빌드를 보여준다.Webpack의 optimization에서 prov