2023 05 16 javascript export import

export 지시자를 변수나 함수 앞에 붙이면 외부 모듈에서 해당 변수나 함수에 접근할 수 있습니다

import 지시자를 사용하면 외부 모듈의 기능을 가져올 수 있습니다(모듈 가져오기).

 

sayHi.js
export function sayHi(user) {
  alert(`Hello, ${user}!`);
}

// 📁 main.js
import {sayHi} from './sayHi.js';

alert(sayHi); // 함수
sayHi('John'); // Hello, John!

이러한 export와 import 기능을 이용하기 위해서는

<script type="module">

로 선언을 해야하는데 구식 브라우저에서는 module을 지원하지 않기 때문에

<script nomodule>

같은 방식을 통해 호환을 맞춰주는게 좋다