Graceful Light

UMD Patterns

2016-12-22


UMD (Universal Module Definition) Pattern이란
AMD (requireJS), CommonJS (node), 일반 browser 환경에서 통합해서 쓸 수 있는 javascript module pattern이다.

jQuery, moment, D3 등의 라이브러리에서도 해당 패턴을 사용한다.

예제 - jQeury 종속형

새로 만들 예제의 모듈명은 module1이고 jQuery에 종속적이라고 가정한다.

종속되는 모듈을 추가하려면, AMD는 배열안에, commonJS와 일반은 파라미터로 추가한 뒤 12번째 줄의 콜백함수 안에 원하는 변수로 받으면 된다.

예제 - 기본형

즉시실행 함수에 window 객체와 함수를 파라미터로 보내서 전역 객체를 생성하는 방식이다.

예제 - 3항연산자 사용

설명

window 객체 안에 모듈이 선언되므로, module1.action(); 으로 바로 호출해 사용하면 된다.

더 자세한 설명을 보고싶다면 umd를 참조하면 된다.

🍺

Buy me a beer 🍗

공유하려면 QR코드를 스캔해주세요