https://wormwlrm.github.io/2020/08/12/History-of-JavaScript-Modules-and-Bundlers.html
JavaScript 번들러로 본 조선시대 붕당의 이해 - 재그지그의 개발 블로그
JavaScript 모듈 표준화의 제안부터 현대 모듈 번들러 등장까지의 역사를 정리해봅니다.
wormwlrm.github.io
CommonJS
- 동기적인 특징, SSR
- require/module.exports 사용(module은 예약어, 모듈에 대한 정보를 가지고 있는 객체)
- module.exports는 빈객체를 참조, exports는 module.exports 참조, require는 module.exports를 리턴받음
AMD
- 비동기적인 특징, CSR
- define/require사용
UMD
- CommonJS + AMD 모두 사용가능
ESM
- 자바스크립트 공식 모듈 시스템, import/export방식 사용
+@
<< module import/export 관련 >>
https://ko.javascript.info/import-export
모듈 내보내고 가져오기
ko.javascript.info
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
import - JavaScript | MDN
The static import statement is used to import read only live bindings which are exported by another module.
developer.mozilla.org
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export
export - JavaScript | MDN
export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용합니다. 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있습니다.
developer.mozilla.org
'JavaScript' 카테고리의 다른 글
| var, let, const의 차이점은? (0) | 2021.11.30 |
|---|---|
| Promise & Aysnc & Await (0) | 2021.10.18 |
| $.data (0) | 2021.05.07 |
| Predicate (0) | 2021.05.06 |
| jQuery를 효율적으로 작성하는 방법 (0) | 2021.05.06 |
