@@ -114,7 +114,7 @@ sayHi('John'); // Hello, John!
114114
115115동일한 모듈이 여러 곳에서 사용되더라도 모듈은 최초 호출 시 단 한 번만 실행됩니다. 실행 후 결과는 이 모듈을 가져가려는 모든 모듈에 내보내 집니다.
116116
117- 이런 작동방식은 중요한 결과를 초래합니다. 예시를 통해 이에 대해 알아봅시다.
117+ 이런 작동 방식은 중요한 결과를 초래합니다. 예시를 통해 이에 대해 알아봅시다.
118118
119119alert 함수가 있는 모듈(` alert.js ` )을 여러 모듈에서 가져오기로 해봅시다. 얼럿 창은 단 한 번만 나타납니다.
120120
@@ -146,7 +146,7 @@ export let admin = {
146146};
147147```
148148
149- 이 모듈을 가져오는 모듈이 여러 개이더라도 앞서 설명한 것 처럼 모듈은 최초 호출 시 단 한 번만 평가됩니다. 이때 ` admin ` 객체가 만들어지고 이 모듈을 가져오는 모든 모듈에 ` admin ` 객체가 전달됩니다.
149+ 이 모듈을 가져오는 모듈이 여러 개이더라도 앞서 설명한 것처럼 모듈은 최초 호출 시 단 한 번만 평가됩니다. 이때 ` admin ` 객체가 만들어지고 이 모듈을 가져오는 모든 모듈에 ` admin ` 객체가 전달됩니다.
150150
151151각 모듈에 동일한 ` admin ` 객체가 전달되는 것이죠.
152152
@@ -302,7 +302,7 @@ sayHi(); // *!*보라*/!*님, 안녕하세요!
302302
3033031. ` src` 속성값이 동일한 외부 스크립트는 한 번만 실행됩니다.
304304 ` ` ` html
305- <!-- my .js 는 한번만 로드 및 실행됩니다. -->
305+ <!-- my .js 는 한 번만 로드 및 실행됩니다. -->
306306 < script type= " module" src= " my.js" >< / script>
307307 < script type= " module" src= " my.js" >< / script>
308308 ` ` `
@@ -376,7 +376,7 @@ Node.js나 번들링 툴은 경로가 없어도 해당 모듈을 찾을 수 있
376376
3773771. 모듈은 하나의 파일입니다. 브라우저에서 ` import ` ,` export` 지시자를 사용하려면 ` <script type=" module" >` 같은 속성이 필요합니다. 모듈은 아래와 같은 특징을 지닙니다.
378378 - 지연 실행됩니다.
379- - 인라인 모듈 스크립트도 비동기 처리 할 수 있습니다.
379+ - 인라인 모듈 스크립트도 비동기 처리할 수 있습니다.
380380 - 외부 오리진(도메인이나 프로토콜, 포트가 다른 오리진)에서 스크립트를 불러오려면 CORS 헤더가 있어야 합니다.
381381 - 중복된 외부 스크립트는 무시됩니다.
3823822. 모듈은 자신만의 스코프를 갖습니다. 모듈 간 기능 공유는 ` import` , ` export` 로 할 수 있습니다.
0 commit comments