Java Script - 모듈 module

Module - 다양한 기능이 있는 코드가 있는 하나의 파일이다. 함수, 변수 등을 작성할 수 있다. js 파일에서 js를 import 할 수 있다.

export function log(message){

    console.log(message);

}

export function error(message){

    console.error(message);

}

먼저 js 파일에 원하는 코드를 작성한다. export는 써도 되고 쓰지 않아도 된다.

    <script src="scripts/3_13_module.js" type="module"></script>

    <script>

        log("Print message in log");

        error("Print message in error");

코드가 있는 js 파일의 위치를 선언하고 파일 안에 정의된 함수들을 불러 사용할 수 있다.

    <script type="module">

        import {log, error} from "/scripts/3_13_module.js";

        log("Print message in log");

        error("Print message in error");

    </script>

같은 역할을 하는 코드이다. 차이점은 export 한 함수만 import로 받아와 그 함수만 사용할 수 있다.

에러가 날 확률이 줄어들고, 웹페이지를 읽어들일 때 파일 전체를 해석하지 않아도 되는 장점이 있다.