Web dev/번들링1 Bundling / Webpack Basic concepts 번들링의 필요성 - 개발을 하다보면, 아래의 왼쪽과 같이 다양한 형태의 파일들이 생성된다. 페이지를 로딩할 때, 많은 파일들이 다운로드되며, 이는 고스란히 서버 측의 네트워크 코스트가 된다. 또한, 서버와의 접촉이 많을수록 애플리케이션이 느리게 로딩되어 사용자 경험도 저하된다. 개발자의 입장에서는 서로 다른 패키지들에서 같은 이름의 변수나 함수를 사용해 충돌하는 일이 벌어질수 있다는 위험성도 존재한다. 이때, 의존성을 가지는 여러 파일을 묶어주는 번들러를 통해 파일들을 번들링해 제공한다면 (위 사진의 오른쪽!) 위와 같은 문제들을 해결할 수 있다. 예시로, 브라우저 네트워크 탭에서 여러개의 html, js 파일을 다운로드하여 화면을 렌더링한다는것을 볼 수 있다. (번들링 전) 번들링 후에는 이렇게 번들링.. 2023. 1. 18. 이전 1 다음
