TIL 67일차_default export와 named export 차이점

default export와 named export 차이점

1. Default Export

default 로 선언된 모듈은 하나의 파일에서 단 하나의 변수 또는 클래스 등등만 export 할 수 있다.

const foo = () => {
     ...
}
export default foo

import 할 때는 아무 이름으로나 import 가능하다.
import 아무이름 from './foo.js'

선언과 동시에 default export 는 불가능하다.
(named export만 가능)

//named Export
export const test = ...

2. named Export

한 파일 내에서 여러 변수/클래스 등등을 export 하는 것이 가능하다.

export class test {...}
export class test2 {...}

named Export에서는 import시,
{}안에다가 export된 이름과 동일하게 설정해야 한다.
import {test, test2} from './testExport'

출처: Diana Lee