나에게 쓰는 기록들

현재 배우는 것이 무엇이든 글로 써서 기록을 남기는 것은 가치가 있다. - 소프트웨어 장인

Bundler 2

Webpack5 환경 설정하기

우리는 Webpack이 왜 필요할까? 본 글은 2020년에 작성된 글입니다. 프론트엔드 개발 중이라면 Webpack이라는 기술에 대해 필수적으로 마주치게 된다. 이번 포스팅은 Webpack이 무엇인지, 왜 필요한지에 대해 찬찬히 알아보려한다. W seogeurim.tistory.com 지난 포스팅에서 Webpack이 무엇이며 왜 쓰는지에 대해 알아보았다. 다시 한 번 그 내용을 정리하자면 다음과 같다. Webpack은 모듈 번들러이다. 프로젝트 규모가 커지고 JavaScript가 발전(모듈 시스템)하면서 요청하는 파일들이 많아졌다. 그 많은 파일들을 모듈 번들러가 합쳐서 요청하는 파일의 수를 줄일 수 있다. 번들(합쳐진 파일)이 너무 커진다면 초기 로딩 속도가 느려지는 문제가 발생할 수 있고, 청크, 캐..

Web 2021.11.01

우리는 Webpack이 왜 필요할까?

본 글은 2020년에 작성된 글입니다. 프론트엔드 개발 중이라면 Webpack이라는 기술에 대해 필수적으로 마주치게 된다. 이번 포스팅은 Webpack이 무엇인지, 왜 필요한지에 대해 찬찬히 알아보려한다. Webpack, 어떤 일을 하는 도구인가? 우선 웹팩의 공식 문서를 살펴보자. 다음 링크로 들어가면 된다. (https://webpack.js.org/) 웹팩에 대해 한 번이라도 찾아본 적이 있다면 다음 이미지가 꽤 익숙할 것이다. 공식 페이지의 메인 이미지이기도 하다. 이 이미지가 말하고자 하는 것이 무엇일까? 뭔가 의존 관계로 얽힌 다양한 파일들, 모듈들을 훨씬 간단하게 만들어주고 있다. 중간에서 그 역할을 하고 있는 저 파란색 정육면체 모양의 도구가 바로 Webpack이다. Webpack은 간단히..

Web 2021.10.31