모듈 패턴

: 코드를 더 작고, 재사용 가능한 조각으로 분할하는 것

모듈 내의 값은 기본적으로 모듈 내 비공개로 유지되고, 수정 불가하기에 코드 캡슐화를 촉진

export 키워드 사용해 명시적으로 내보낸 값만 다른 파일에서 액세스 가능

일반적으로 작성되는 input을 위한 함수와 연산 처리 위한 함수가 있다

이를 각 다른 파일에 정의를 내려 수행하는 것이 모듈 패턴이다

export 지시자로 외부 모듈에서 해당 변수나 함수에 접근 가능

외부에서는 import 지시자로 외부 모듈의 기능 가져오기 가능

html에서는 type에 'module'이라고 설정 해야함

특징

항상 엄격 모드로 실행

지연 실행

인라인 모듈 스크립트도 비동기 처리 가능

외부 오리진에서 스크립트를 불러오려면 Cors헤더 필요

중복된 스크립트는 무시

동일한 모듈을 여러 다른 곳에서 사용하더라도 모듈은 최초 호출시 한 번만 실행