export default vs export const

export default

• 모듈에서 기본적으로 내보내는 항목을 지정
• 모듈당 하나의 export default만 가질 수 있다
• 내보낼 값은 명시적으로 이름이 지정되지 않고, 모듈을 가져올 때 원하는 이름으로 가져올 수 있음

// MyModule.js
const myDefault = 'default value';
export default myDefault;

// 다른 파일에서 가져오기
import myDefault from './MyModule.js';

export const

• ES6 모듈 시스템에서 사용되는 문법으로, 특정 변수나 함수를 다른 파일에서 가져와서 사용할 수 있도록 내보내는 역할
• 모듈에서 상수를 내보낸다
• 내보내는 값에 이름이 명시적으로 지정
• 여러 개의 export const문을 사용하여 여러 상수를 내보낼 수 있다

// MyConstants.js
export const PI = 3.14;
export const MAX_SIZE = 1024;

// 다른 파일에서 가져오기
import { PI, MAX_SIZE } from './MyConstants.js';