# bundler
[배경 지식] 번들러(Bundler) 에 대해서
포스팅 배경 아래는 ICT 인턴십을 준비하며 기업 면접에서 받았던 질문과 답변 내용이다. > Q. FrontEnd 개발자 로서 현재 프로젝트가 느리다고 생각될 때, 어떠한 조치를 취할 수 있겠습니까? A. 시간이 걸리는 동안 로딩되는 표시를 띄워 사용자로 하여금 현재

[번역] 자바스크립트 번들러 만들기
원문: https://cpojer.net/posts/building-a-javascript-bundlerJest의 패키지는 모든 종류의 JavaScript 도구를 구축하는데 유용한 전체 패키지의 생태계를 구성합니다. "전체는 부분의 합보다 크다"는 Jest에게

Webpack, Bundler 대체 정체가 뭐야? 왜 쓰는거지? - Webpack 사용해서 Three.js boilerplate 만들기 01
이전에 three.js 라이브러리를 이용하기 위해서 처음으로 webpack이라는 도구를 접하게 되었는데 당시에는 모듈, 번들러는 물론이고 자바스크립트도 잘 사용하지 못하는 단계였었다. 그래서 boilerplate를 사용해서 웹팩을 사용했었고 이해하지 못한채로 사용해왔다

[Webpack] - CSS Vendor Prefix 사용하기(with Autoprefixer)
벤더 프리픽스(vendor prefix)란, autoprefixer 패키지

[Webpack] - 프로젝트 생성
자바스크립트 기반의 모듈 번들러이다. 웹 어플리케이션 개발에 필요한 다양한 요소(HTML, CSS, Javascript, Images, Font, 친구 등...)들을 하나의 파일로(혹은 여러 개의 파일로) 병합 및 압축을 해주는 역할을 한다.webpack: bundle

[Parcel] - CLI 명령어
CLI이란? 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식이다. [Parcel] - CLI 명령어를 알아보자

[Parcel] - 바벨(Bable)
ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 파일러같은 언어로 작성된 소스 코드를 비슷한 수준의 추상화를

[Parcel] - CSS Vendor Prefix 사용하기(with Autoprefixer)
벤더 프리픽스(vendor prefix)란, autoprefixer 패키지

[패스트 캠퍼스 FE] Bundler
Bundler > 여러개의 파일을 하나의 파일로 묶어주는 역할을 함. > 참고 블로그 > Webpack vs Rollup vs Parcel > 위 세가지가 가장 많이 쓰이는 번들러임. > * Webpack ➡️ 다양하고 복잡한 프로젝트에 추천 (대부분이 선호)