# module bundler
WebPack(웹팩) 개발 툴
웹팩 데브 서버는 웹 애플리케이션을 개발하는 과정에서 유용하게 쓰이는 도구이다.웹팩의 빌드 대상 파일이 변경 되었을 때 매번 웹팩 명령어를 실행하지 않아도 코드만 변경하고 저장하면 웹팩으로 빌드한 후 브라우저를 새로고침 해준다.매번 명령어를 치는 시간과 브라우저를 새로
WebPack(웹팩) 주요 속성
웹팩의 빌드 (파일 변환) 과정을 이해하기 위해서는 아래 4가지 주요 속성에 대해서 알고 있어야 한다.entryoutputloaderplugin각 주요 속성에 대해서 자세히 살펴보자.entry 속성은 웹팩에서 웹 자원을 반환하기 위해 필요한 최초 진입점이자 자바스크립트
WebPack (웹팩) 정의
웹팩이란 최신 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)이다.모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javascript, Images 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과
[Bundler] JavaScript 번들러 그리고 Webpack , Parcel , Rollup , Vite... (2)
안녕하세요. 정지현 입니다 :) 저번 글에 이어서 모듈 번들러에 대해 이해해 볼게요. 각 번들러들의 용어나 특징들을 공식문서 위주로 살펴보고 프로젝트에 적용할 수 있는 부분이 있는지 살펴보도록 하겠습니다. 순서 배경지식 번들러가 뭐야 ? 번들러 더 자세하게 !
[Bundler] JavaScript 번들러 그리고 Webpack , Parcel , Rollup , Vite... (1)
안녕하세요. 정지현 입니다 :) 많은 JavaScript 프로젝트에서 모듈화를 위해 다양한 번들러를 사용하고 있습니다. CRA를 사용하다 보면 굳이 웹팩 설정까지 건들 일이 없었는데, 프로젝트가 고도화될수록 번들러 설정을 구성해야 하는 상황을 마주치게 되더라구요. 프
webpack
프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러이다.모듈 번들러란, 애플리케이션을 구성하는 파일(HTML, CSS, Javscript, Images, font)등을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미한다. 자바스크
Webpack & Module Bundler
최근 몇 년동안 웹 개발은 매우 작은 리소스들과 약간의 자바스크립트가 포함된 웹페이지를 시작으로, 복잡한 자바스크립트와 대규모 의존성 트리를 가지고 있는 다양한 기능을 갖춘 웹 애플리케이션으로 발전했다.이러한 복잡성에 대응하기 위해 아래와 같은 방법을 고안했다.한 프로
모듈
구현한 세부사항들을 캡슐화하고 다른 코드에서 쉽게 사용하며, 코드의 재사용성을 높이기 위한 코드 조각들.과거 웹에서 동작하는 로직이 작아, js를 관리해야할 필요성을 못느꼈고 과거ES5 및 이전 버전은 모듈을 염두해 두지 않고 디자인되었음.ES6이후 부터 모듈화 지원.
