[JavaScript] 모듈형 자바스크립트 HTML에서 읽어오기

266_모듈형 자바스크립트 HTML에서 읽어오기

[적용]

• 모듈형 자바스크립트를 사용하고 싶을 때

---

[문법]

구문(HTML)	의미
<script type="module" src="파일명"></script>	ES 모듈을 사용하는 자바스크립트 불러오기

---

[내용]

모듈형 자바스크립트는 script 태그 type 속성에 module을 지정하여 불러올 수 있다.

지정하지 않으면 import와 export 등의 자바스크립트 코드 내부에 에러가 발생한다.

 

HTML               

<script type="module" src="index.js"></script>

 

인라인 코드에서도 모듈을 사용할 수 있다.

HTML               

<script typoe="module">
  import { MyClass } from './MyClass.js';
  new MyClass();
</script>

 

구글 크롬 개발자 도구를 사용하면 MyClass.js 모듈을 확인할 수 있다.

 

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김