웹팩에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/30 - [언어/JavaScript] - webpack 이란 webpack 이란 webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상� codeparadise.tistory.com 개발에 사용된 개발 도구는 vsCode입니다. vsCode에 대한 설명은 아래를 참고하시면 됩니다. 2020/06/21 - [Tool/vsCode] - [vsCode] vsCode란? [vsCode] vsCode란? Visual Studio Code는 가볍고 강력한 소스 코드 편집기로 데스크톱에서 실행되며 W..

webpack이란, 모듈화한 여러 개의 파일을 모아 주는 번들러입니다. 번들러는 이 외에도 'Rollup'과 'Parcel'이 있습니다. 모듈화한 파일 결합은 단순하게 파일을 결합하는 것이 아니며, 모듈의 의존 상태를 해결하면서 번들합니다. webpack은 '.js' 파일 뿐만 아니라. css와 이미지 같은 리소스를 번들해 주는 기능도 있습니다. 다양한 Loader를 사용하면, 단일 파일 컴포넌트 vue, Pug와 Sass 같은 다양한 형식의 파일도 읽어 들일 수 있습니다. 처음 읽어 들이는 파일(엔트리 포인트)을 시작으로 연결된 리소스를 모두 번들하므로, 애플리케이션에 불필요한 리소스는 알아서 제외된다는 장점도 있습니다. 코어 컨셉으로는 아래와 같습니다. Entry Output Loaders Plugi..