[Javascript] Module System

Module System

플러그인 파일이나 잘게 쪼개진 자바스크립트 조각을 재사용하기 위해서 각각의 파일을 등록하고

등록된 파일을 자바스크립트에서 불러와서 사용할 수 있게 해주는 프로그램입니다.

Module

프로그램을 구성하는 각각의 부품이라고 할 수 있습니다.

모듈화하는 이유

• 프로그램의 효율적인 관리 및 성능 향상
• 전체적인 소프트웨어 이해의 용이성 증대 및 복잡성 감소
• 소프트웨어 디버깅, 테스트, 통합, 수정시 용이성 제공
• 기능의 분리가 가능하고 인터페이스가 단순
• 오류의 파급효과를 최소화
• 모듈 재사용으로 개발과 유지보수가 용이

대표적인 모듈 시스템의 특징

CommonJS

• 서버 사이드에서 사용하며, 동기적으로 작동
• Require 문법 사용AMD
• 서버 사이드와 클라이언트 사이드에서 사용할 수 있지만 클라이언트 사이드에서 주로 사용되며, 비동기적으로 작동
• define - require 문법 사용UMD
• CommonJS와 AMD를 모두 사용하기 위한 구현 패턴ESM
• 언어 자체에 표준으로 탑재된 모듈 시스템
  • ES6부터 지원하고 있는 표준 모듈 시스템
  • import, export 문법 사용