[JS] 자바스크립트 모듈(Module) 가져오기/내보내기

Module 의 Export / Import

=> 모듈 내보내기/ 가져오기

example) ※ export 시 'default' 를 사용하지않으면 import 에 중괄호 { } 를 사용해야만 한다.

// export (05-14-module.js) //
export function plus() {
return 2 + 1;
}

// import (05-14-main.js) //
import { plus } from './05-14-module.js';
console.log(plus()); 

// 05-14-export-import.html //

<script type="module" src="./05-14-main.js"></script>

 

example) ※ export 시 'default' 를 사용하면 import 에 중괄호 { } 를 사용할 수 없음.

// export (05-14-module.js) //
export default function plus() {
return 2 + 1;
}

// import (05-14-main.js) //
import plus from './05-14-module.js';
console.log(plus()); 

// 05-14-export-import.html //

<script type="module" src="./05-14-main.js"></script>