[JS] 모듈

1. 모듈의 개념, 등장 이유

모듈은 프로그램을 구성하는 구성요소의 일부를 말한다.

쉽게 말하자면 큰 애플리케이션을 작게 파일로 분리해서 관리할때 이 파일 각각을 말한다.

보통 클래스 하나 + 특정한 목적을 가지는 복수의 함수로 구성된 라이브러리 하나 정도로 구성.

이렇게 파일을 모듈화 하여 관리하면 다음과 같은 장점이 있습니다.

 

1.         프로그램의 효율적인 관리 및 성능 향상

2.         전체적인 소프트웨어 이해의 용이성 증대 및 복잡성 감소

3.         소프트웨어 디버깅, 테스트, 통합, 수정 시 용이성 제공

4.         기능의 분리가 가능하고 인터페이스가 단순

5.         오류의 파급효과를 최소화

6.         모듈의 재사용 가능으로 개발과 유지보수가 용이

 

•           AMD: 가장 오래된 모듈 시스템 중 하나로 require.js라는 라이브러리를 통해 처음 개발됨
•           CommonJS: Node.js 서버를 위해 만들어진 모듈 시스템
•           UMD: AMD와 CommonJS와 같은 다양한 모듈 시스템을 함께 사용하기 위해 등장

 

 

2. 모듈의 사용과 특징

모듈은 export 와 import 와 같은 지시자를 통해서 다를 모듈을 불러와서 불러온 모듈에 있는 함수들을 호출할 수 있는 등의 기능 공유가 가능하게 된다.

 

• export : 외부 모듈 에서 해당 변수나 함수에 접근할 수 있게!

• import : 외부 모듈의 기능을 가져와서 쓸 수 있음

 

모듈의 특징

• 모듈은 특수한 키워드나 기능과 함께 사용이 되므로 우선 <script type=”module”> 과 같은 속성을 설정해서 해당 스크립트가 모듈인것을 알 수 있도록 해줘야 한다.

• 모듈은 로컬 파일에서 동작하지 않고, http 또는 https 프로토콜을 통해서만 동작한다.