import에 {}(중괄호)가 없다면

Hanso·2024년 5월 24일
0

1. 중괄호를 사용하는 경우(named import)

import { something } from './module';
  • 중괄호 안에 있는 이름은 모듈에서 내보낸 named export와 정확히 일치해야 함
  • 여러 개의 named export를 한 번에 가져올 수 있음

예를 들어 module.js에서 다음과 같이 내보냈다면

export const something = 'value';
export const anotherThing = 'another value';

이를 가져올 때

import { something, anotherThing } from './module';

2. 중괄호를 사용하지 않는 경우(default import)

  • 중괄호 없이 가져오는 것은 default export를 의미
  • 모듈에서 default export로 내보낸 것을 가져올 때 사용

예를 들어 module.js에서 다음과 같이 내보냈다면

const something = 'value';
export default something;

이를 가져올 때

import something from './module';

중괄호의 유무는 named export와 default export를 구분하는 중요한 차이점을 만듭니다.
named export는 중괄호를 사용하여 명시적으로 가져오지만, default export는 중괄호 없이 가져옵니다.

0개의 댓글