1. 모듈과 번들링
1) 모듈
- 독립적인 기능을 가진 코드블록이다.
- 재사용성과 코드 관리의 용이성을 높이기 위해 사용된다.
2) 번들링
- 웹 어플리케이션의 로딩 시간을 줄이고, 성능을 최적화하는데 도움을 준다.
- 여러 자바스크립트 파일들이 하나의 파일로 합쳐져 브라우저에 전달되도록 해준다.
3) 모듈번들링
- 여러개의 파일(모듈)을 하나의 파일(번들)로 결합하는 과정을 의미한다.
- 웹 페이지의 로딩 속도를 개선하는데 도움을 준다.
2. 트리 쉐이킹(Tree Shaking)이란?
1) 트리쉐이킹의 단계별 과정
1-1) 코드 분석
- 번들러(예: Webpack)는 모든 코드를 분석하여 사용되지 않는 모듈을 화인한다.
1-2) 불필요한 모듈 제거:
- 사용되지 않는 모듈은 최종 번들에서 제외된다.
1-3) 최적화된 번들 생성
- 필요한 모듈만 포함된 최적화된 번들이생성된다.
2) 필요성
- 트리쉐이킹은 복잡한 웹 어플리케이션을 관리하고 최적화하는데 필수적인 기법이다. 이를 통해서 개발자는 효율적인 코드 관리와 더 나은 사용자 경험을 제공할 수 있다. 그렇기 때문에 트리 쉐이킹은 웹 개발의 다양한 단계에서 고려되어야할 중요할 요소입니다.
참고문서
https://techbukket.com/blog/tree-shake
https://webpack.kr/guides/tree-shaking/
