JS module default 명령어

728x90

js export에 default라는 명령어가 있었다. js에 익숙하지 않아서 default 명령어 대해 처음 알았다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="module" src="main.js"></script>
</body>
</html>

js파일을 모듈로 사용하려면 script 태그에 type 옵션을 "module"로 추가한다.

// main.js
import hello from './hello.js';

hello();

hello로 받는 모듈이 있는데 hello.js에서 어떤 함수를 받을지를 다음과 같이 default로 명시한다.

// hello.js
export default function hello1(){
    console.log('Hello 1');
}

export function hello2(){
    console.log('Hello 2');
}

hello1 함수에 default가 선언되었으므로 hello.js를 {}로 분할하지 않고 import하면 기본적으로 hello1가 import된다.

728x90

저작자표시 비영리 변경금지

'개발 · 컴퓨터공학' 카테고리의 다른 글

three.js Camera (0)	2022.08.20
three.js 시작하기 (0)	2022.08.19
PostgreSQL 환경설정 Intellij로 connect하기 + java code로 실행하기 (0)	2022.04.08
Learning Unreal 4 언리얼 공부일지 - 패키징을 해보자 (0)	2022.04.05
OpenGL 공부일지 - OpenGL Super Bible 프리미티브 프로세싱 - 2 (0)	2022.04.04