[모던 JavaScript 튜토리얼] - [13.1] 모듈 소개(modules intro)

IRISH·2024년 2월 5일
0

JS

목록 보기
64/80

학습 내용

지금까지 배운 내용을 요약해봅시다.

  1. 모듈은 하나의 파일입니다. 브라우저에서 import ,export 지시자를 사용하려면 <script type="module">같은 속성이 필요합니다. 모듈은 아래와 같은 특징을 지닙니다.
    • 지연 실행됩니다.
    • 인라인 모듈 스크립트도 비동기 처리할 수 있습니다.
    • 외부 오리진(도메인이나 프로토콜, 포트가 다른 오리진)에서 스크립트를 불러오려면 CORS 헤더가 있어야 합니다.
    • 중복된 외부 스크립트는 무시됩니다.
  2. 모듈은 자신만의 스코프를 갖습니다. 모듈 간 기능 공유는 importexport로 할 수 있습니다.
  3. 항상 엄격 모드로 실행(use strict)됩니다.
  4. 모듈 내 코드는 단 한 번만 실행됩니다. 모듈을 내보내면 이 모듈을 가져오기 하는 모듈 모두가 내보내진 모듈을 공유합니다.

모듈 내 함수나 객체 등은 export 키워드로 내보낼 수 있습니다. 이렇게 내보내진 기능은 import 키워드를 사용해 가져와 사용할 수 있습니다. 브라우저는 자동으로 스크립트를 불러오고 평가합니다.

실제 애플리케이션을 출시할 땐 성능 개선 등의 이점 때문에 웹팩과 같은 번들러를 사용합니다.

느낀점

밖에 있는 모듈을 가져올 때 매우 유욕할 것 같다는 생각을 하게 됐다.

profile
#Software Engineer #IRISH

0개의 댓글