Bundling

Programming Language/Javascript

[NPM DEEP DIVE] 6장. 자바스크립트 번들 도구 살펴보기

위 글은 NPM DEEP DIVE를 읽고, 그 중 6장의 내용을 정리한 글이다.번들링번들링의 역사초기 자바스크립트 환경파일 분리의 모호함순차적인 로드로 인한 성능 저하전역 네임스페이스 오염복잡한 의존성 관리번들링 라이브러리 등장- Browserify(2011 ~ ???)애플리케이션에서 사용된 모든 require() 함수의 호출을 재귀적으로 분석해 브라우저에서 하나의 태그로 사용할 수 있도록 번들을 생성함 => '여러 개로 흩어진 파일을 하나로 합쳐서 제공한다' => 훨씬 빠른 번들링 도구들의 등장과 import 구문 추세에 밀려 자주 사용되지 않음- Webpack(2012 ~ )자바스립트뿐만 아니라 정적 자원(HTML + CSS + 이미지 등)도 번들링하며, 다양한 플러그인 제공하여 DX를 개선하여 현..

Programming Language/Javascript

[NPM DEEP DIVE] 5장. 트랜스파일과 폴리필

위 글은 NPM DEEP DIVE를 읽고, 그 중 5장의 내용을 정리하며,gpt와 티키타카한 글이다. Babel트랜스파일의 필요성ES6 이후 구형브라우저와 호환성을 유지하기 위해 트랜스파일러의 필요성이 대두됨초기에는 ES6코드를 ES5로 트랜스파일링 기능만 제공했으나, 이후 최신 ECMAScript + ESNext, 리액트 JSX 문법, 타입스크립트 등 확장 기능과 프리셋을 통해 특정 환경이나 목표에 맞는 미리 구성된 설정을 할 수 있게함동작방식추상 구문 트리(AST, Abstract Syntax Tree)는 소스코드의 구조를 트리 형태로 표현한 자료구조로, 컴팡일러와 인터프리터가 소스코 드를 분석하고 변환하는 역할을 하며, 최상위 노드, 노드, 자식 노드로 구성됨.아래는 astexplorer에서 fil..

개발자참치
'Bundling' 태그의 글 목록