# JavaScript Module 포맷과 도구 이해하기

> Clean Markdown view of GeekNews topic #1866. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1866](https://news.hada.io/topic?id=1866)
- GeekNews Markdown: [https://news.hada.io/topic/1866.md](https://news.hada.io/topic/1866.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-04-11T09:41:09+09:00
- Updated: 2020-04-11T09:41:09+09:00
- Original source: [weblogs.asp.net](https://weblogs.asp.net/dixin/understanding-all-javascript-module-formats-and-tools)
- Points: 7
- Comments: 0

## Topic Body

각 모듈 포맷,패턴들을 예제로 설명

1 IIFE : Immediately Invoked Function Expression 패턴

2 공개 모듈 패턴

3 CJS : CommonJS, Node.JS

4 AMD : RequireJS

5 UmdJS

6 ES : ES2015, ES6

7 ES Dynamic : ES2020, ES11

8 SystemJS

9 WebPack

10 Babel

11 Typescript

## Comments



_No public comments on this page._