목차 Tree Shaking이란? Tree Shaking의 원리 Tree Shaking을 지원하는 도구 Tree Shaking의 장점과 단점 Tree Shaking이란? 정의 Tree Shaking은 웹 애플리케이션의 코드 최적화 기법 중 하나로, 사용하지 않는 코드를 제거하여 최종 번들 파일의 크기를 줄이는 과정을 의미한다. 이 기법은 주로 JavaScript 모듈 시스템에서 활용되며, 필요하지 않은 코드가 최종 배포물에 포함되지 않도록 한다. 최종적으로, Tree Shaking은 […]
목차 Webpack이란? Webpack의 설치 및 설정 Webpack 플러그인과 로더 Webpack의 최적화 Webpack이란? Webpack의 정의 Webpack은 현대 웹 애플리케이션 개발에 필수적인 모듈 번들러이다. 이는 여러 개의 자바스크립트 파일과 CSS, 이미지 등의 자산을 하나의 번들 파일로 결합하여 웹 페이지의 로딩 속도를 개선하고, 관리의 용이성을 제공한다. Webpack은 모듈 시스템을 기반으로 하여, 개발자가 작성한 코드를 모듈로 인식하고 이를 효율적으로 […]