반응형 commonjs2 28. 모듈 시스템(Module System) - 1 CommonJS, AMD, UMD, ES6 모듈 등의 모듈 시스템 비교 자바스크립트에서 모듈 시스템은 코드를 모듈 단위로 구성하여 관리하고 재사용 가능한 코드를 만들기 위한 중요한 도구입니다. 이번 글에서는 CommonJS, AMD, UMD, ES6 등의 주요 모듈 시스템을 비교하고 각각의 특징을 알아보겠습니다. CommonJS CommonJS는 서버 사이드 자바스크립트 환경(Node.js)에서 모듈을 정의하고 사용하는 데에 주로 사용됩니다. CommonJS는 모듈이 로드되는 것을 동기적으로 처리하며 require() 함수를 사용하여 모듈을 로드하고 module.exports를 사용하여 모듈을 내보냅니다. // 모듈 내보내기 module.exports = { foo: function() { return .. 2024. 2. 17. 9. 모듈 번들링과 로더 활용 - 1 JavaScript 모듈화: ES6 모듈 vs CommonJS JavaScript의 모듈화는 코드를 구조화하고 재사용성을 높이는 데에 중요한 역할을 합니다. ES6에서 도입된 모듈 시스템과 CommonJS는 두 가지 주요한 모듈화 패러다임입니다. 1. ES6 모듈 ES6에서 도입된 모듈 시스템은 기존의 스크립트 태그를 사용한 방식과는 다르게 파일 간 의존성을 선언적으로 관리합니다. 이를 통해 명시적으로 필요한 모듈을 불러와 사용할 수 있습니다. 1.1 모듈 작성 및 사용 // math.js export const add = (a, b) => a + b; export const subtract = (a, b) => a - b; // main.js import { add, subtract } from './.. 2023. 12. 24. 이전 1 다음 반응형
