[javascript] Export default?

📖 Export and Import

javascript에서는 모듈을 만들어서 내보내거나 가져올 수 있다. 내보낼 때는 export 키워드를 사용하고, 가져올 때는 import 키워드를 사용한다. export는 2가지 방식을 사용할 수 있는데, 첫 번째는 export하고 싶은 개체의 이름을 모두 나열하는 방식(named export)이고, 두 번째는 default 키워드를 이용하는 방식이다.

 

1. named export 예시

const apple = "사과";
function banana() {
  console.log("바나나!!");
}

export { apple, banana };

import { apple, banana } from "./module";

console.log(apple);
banana();

 

2. Default 키워드를 사용하는 예시

default 키워드를 사용해서 export하는 것은 하나의 개체만 내보낼 때 많이 사용한다. 그래서 default는 한 파일 내에서 1번만 사용할 수 있다. default 키워드를 사용하면 import를 할 때 중괄호 없이 모듈을 불러올 수 있다.

function banana() {
  console.log("바나나!!");
}

export default banana;

import banana from "./module";

banana();

 

📚 참고

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export
• https://ko.javascript.info/import-export