import
문에서 중괄호 {}
를 생략할 수 있는 경우는 모듈에서 default
로 내보낸 값을 가져올 때입니다. default
키워드를 사용하여 내보낸 값은 중괄호를 사용하지 않고 가져올 수 있습니다.
예를 들어, 다음과 같은 greeting.js
모듈이 있다고 가정해 봅시다.
greeting.js:
javascriptexport default function greet() {
console.log("Hello!");
}
main.js
파일에서 기본 내보내기를 가져오려면 중괄호 {}
를 생략할 수 있습니다.
main.js:
javascriptimport greet from './greeting.js';
greet(); // 결과: Hello!
그러나 이름이 지정된 내보내기의 경우에는 중괄호 {}
를 사용해야 합니다.
예를 들어, 다음과 같은 math.js
모듈이 있다고 가정해 봅시다.
math.js:
javascriptexport function sum(a, b) {
return a + b;
}
export function multiply(a, b) {
return a * b;
}
main.js
파일에서 이름이 지정된 내보내기를 가져오려면 중괄호 {}
를 사용해야 합니다.
main.js:
javascriptimport { sum, multiply } from './math.js';
console.log(sum(1, 2)); // 결과: 3
console.log(multiply(2, 3)); // 결과: 6
요약하면, 기본 내보내기를 가져올 때 중괄호 {}
를 생략할 수 있지만, 이름이 지정된 내보내기를 가져올 때는 중괄호 {}
를 사용해야 합니다.