# Tree Shaking

9개의 포스트

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개의 댓글
·