[JS]export VS export default

export는 named export default export 두 종류가 있습니다

named

named export는 일반적인 export와 같습니다.
여러 값을 내보낼 때 사용합니다

let a =1;
let b =2;
export a;
export b;

named export는 한 파일에서 여러 번 사용할 수 있습니다

import 시 주의해야할 점은 export 할 때와 동일한 이름을 사용해야 합니다.
위에서는 a,b라는 이름으로 export했기때문에 import할때도 a,b라는 이름을 사용해야 합니다

default

default export는 기본으로 지정한 값을 내보냅니다
named export와 가장 큰 차이점은 import할 때 어떠한 이름으로도 가져올 수 있다는 점입니다
또한 deafult export는 하나의 파일에서 한 번만 사용할 수 있습니다.

변수 k를 export한 뒤 가져오는 예제입니다.

// test.js
let k=12;
export default k;

// index.js
import m from './test'; 

console.log(m);         // 12

k는 default export이므로 k 대신 m이라는 이름으로 import해도 상관없습니다