TIL 23.10.10 (module)

Module(링크를 참고함)

모듈이란 개발하는 애플리케이션의 크기의 증가로 인해 파일을 여러 개로 분리할 때 분리된 파일을 뜻한다.

모듈 스크립트는 HTML 문서가 완전히 준비될 때까지 대기 상태에 있다가 HTML 문서가 완전히 만들어진 이후에 실행됩니다.async를 이용하면 다른 스크립트나 HTML이 처리되길 기다리지 않고 바로 실행됩니다.

export와 import를 적용하면 다른 모듈을 불러와 불러온 모듈에 있는 함수를 호출하는 것과 같은 기능 공유가 가능합니다.

모듈은 항상 엄격 모드(use strict)로 실행됩니다. 선언되지 않은 변수에 값을 할당하는 등의 코드는 에러를 발생시킵니다.

EXAMPLE

//add.js

export function add(num) {
	num = num + 1;
    return num;
    }

//main.html

    <script type="module">
      import { add } from "./add.js";
		let a = 2;
        console.log(add(a)); //출력 : 3
    </script>