webpack

·공부/Web
웹팩에 대해 가장 잘 이해할 수 있었던 영상이었다. 웹팩에 대해 알아보기 전 우선 모듈과 모듈 번들러에 대해 알아야 한다. 모듈이란? 코드의 재사용성과 유지보수 측면에서 파일을 여러 개로 분리하여 개발을 하게 되는데 이러한 파일들을 모듈이라고 한다. 모듈 번들러란? 사용자가 브라우저를 통해 웹사이트에 접근을 하면 브라우저는 사용자들에게 UI를 보여주기 위해 웹서버에 HTML, CSS, Javascript와 같은 자원을 요청하게 된다. 웹서버는 준비된 자원들을 브라우저에게 응답해줌으로써 사용자들이 UI를 볼 수 있다. 여기서 모듈의 개수가 많다면 브라우저가 요청해야 하는 모듈의 개수가 많아지게 되고 이러한 네트워크 비용의 증가는 페이지 로딩 시간을 증가시켜 사용자 경험 측면에서 좋지 않다. 이 점을 해결하..
딜레이레이
'webpack' 태그의 글 목록