목록웹팩 기본개념 (1)

Jaeilit

번들러 웹팩

웹 페이지의 서비스들이 규모가 커지기 시작하고 SPA 의 프레임워크/라이브러리 들이 등장함에 따라서 번들러의 역할도 중요해졌습니다. 또한 최근 트렌드 중 Nexjts 는 리액트의 Server Components 를 활용하여 번들 용량을 최대한 줄여 사용자 경험과 성능을 더 최적화 하려고 하고 있기 때문에 번들이 무엇인가에 대해 한번 공부해보려고 했습니다. 모듈 번들러란 브라우저가 필요한 리소스들(html, css, js 기타 Img file font 등)을 병합 및 압축을 해주는 동작입니다. 번들러중에서도 가장 많이 사용되는 모듈 번들러는 Webpack 웹팩 입니다. 그 외에도 Rollup, Parcel, 최근 Vite 도 있습니다. 번들러 사용 이전에는 JS 파일을 사용하기 위해서 기능/페이지 단위 모..
TIL 2023. 9. 7. 10:05
이전 Prev 1 Next 다음