#WEBPACK

A collection of 3 posts

웹팩 Asset Modules cover image
#webpack

웹팩 Asset Modules

이 글은 webpack에 대한 기본적인 이해가 필요한 글입니다. 웹 애플리케이션을 제작하면서 HTML, CSS, JS와 더불어 아이콘, 사진, 비디오 등 다양한 Asset을 추가하게 된다. Asset Modules은 로더를 추가하지 않아도 이러한 a…

웹팩 이해하기 - 2 cover image
#webpack

웹팩 이해하기 - 2

지난 글에서는 프론트엔드 개발 환경 설정을 위해 가장 많이 사용되는 웹팩의 정의와 필요성에 대해 알아보았다. (*웹팩 이해하기 - 1 ) 내용을 간략하게 정리하자면 웹팩은 애플리케이션에 필요한 모든 파일(모듈)을 병합하고 압축해서 하나의 결과물(번들…

웹팩 이해하기 - 1 cover image
#webpack

웹팩 이해하기 - 1

그 동안 React.js로 개발을 진행할 때는 항상 CRA(create-react-app)*를 사용하여 개발 환경을 설정하였다. 그래서 CRA를 사용하면 바로 개발을 시작할 수 있었기 때문에 개발 환경에 대한 고민을 깊게 해보지 않았다. 그런데 이번…