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