웹팩(Webpack) 이란? 웹팩은 모듈 번들로러, 프론트엔드 프로젝트에서 다양한 리소스를 관리하고 최적화 하는 도구이다. JavaScript 파일 뿐만이 아니라, CSS, 이미지, 폰트 등 다양한 파일을 하나의 빌드된 파일로 만들어준다. 모듈 번들이란? - 여러 파일들을 하나의 파일로 병합하는 것을 모듈 번들링 이라고 하면 일련의 과정이라고 생각하면 된다. https://strap.tistory.com/118 번들이란? (bundle) / 모듈이란? (module) 번들 (bundle) 이란? 웹 개발 및 프론트엔드 개발에서 주로 사용되는 용어로, 일반적으로 여러 파일을 하나로 결합 하는 작업을 나타낸다. 이렇게 하나의 파일로 결합하는 것을 "번들링" 이라고도 strap.tistory.com 웹팩의 등..

📍WebPack (웹팩) 웹팩이란 자바스크립트 애플리케이션을 위한 정적 모듈 번들러이다. 알아듣기 어려운데 쉽게 말하자면 Application을 구성하고 있는 모든 자원들 즉, HTML, CSS, 이미지, 폰트등을 모듈로 보고 이를 하나의 의존성 그래프로 결합하여 번들링하는 방식으로 이루어 진다. 웹팩은 여러개의 구성 옵선을 제공하여 개발자가 필요에 따라 커스터마이징 할 수 있다. webpack.config.js 파일에 정의해 사용하며 코드의 관리와 성능을 향상시키는데 매우 유용하다. 📍Pritter 프리티어는 코드의 일관성과 가독성을 향상시켜주는 도구로, pritterrc.js 등 그 안에서 정의하여 사용할 수 있다. 🧑‍💻 설치방법 먼저 Visual Studio Code를 실행합니다. 왼쪽 사이드바에..