국밥 개발자

Module Federation webpack5에 도입된 고급 모듈 통합 기능 서로 다른 애플리케이션이 런타임에 필요한 코드를 공유할 수 있게 해 준다. 각각의 애플리케이션들이 서로 독립적으로 개발되고 배포될 수 있다. 필요한 코드만 실시간으로 로드하기 때문에 애플리케이션의 성능을 최적화할 수 있다. https://webpack.kr/concepts/module-federation/ Module Federation 구성요소 Host 다른 애플리케이션(remote)으로부터 모듈을 로드하고 사용하는 주체이다. Remote Host에 로드될 수 있는 모듈을 제공한다. 독립적으로 배포 및 업데이트가 될 수 있다. Shared Host와 Remote 애플리케이션 간에 공유되는 의존성을 의미한다. 중복된 코드의 로..

트랜스파일러(Transpiler) JS 코드를 다른 버전의 JS 코드로 변환하는 도구 주로 ES6이상의 JS를 지원하지 않는 브라우저 환경에서 ES6이상의 문법을 사용할 수 있게 해주는 도구 장점 지속적으로 업데이트되는 브라우저나, Node.js 환경에서 최신문법을 사용하더라도 이전 버전의 JS로 변환하여 여러 환경에서 코드를 실행할 수 있다. ECMAScript 표준을 사용할 수 있게 해 줘 표준화된 코드를 작성하고 유지할 수 있다. 다양한 플러그인을 지원하여 사용자가 필요한 트랜스파일 과정을 제어할 수 있다. 폴리필(Polyfill) 최신 자바스크립트의 기능을 구식 자바스크립트 코드로 똑같이 구현한 코드 대표적인 트랜스 파일러 Babel https://babeljs.io/ 최신 자바스크립트 문법을 브..