JavaScript

export

js0616 2024. 8. 9. 20:53

JavaScript 모듈에서 항목을 내보내는 방법.

 

export default

  • 한 모듈에서 오직 하나의 기본 항목만 내보낼 수 있습니다.
  • 임포트할 때 중괄호 없이, 이름 변경가능
  // 모듈 파일 (example.js)
export default function greet() { console.log('Hello'); }

// 임포트 파일
import greet from './example.js';

 

 

export

  • 모듈에서 여러 항목을 내보낼 수 있습니다.
  • 각 항목에 대해 이름을 지정하여 내보냅니다.
  • 임포트할 때 중괄호를 사용, 이름 고정 
// 모듈 파일 (example.js)
export function greet() { console.log('Hello'); }
export const number = 42;

// 임포트 파일
import { greet, number } from './example.js';

 

 

https://chatgpt.com/

 

https://velog.io/@navyjeongs/%EB%A6%AC%EC%95%A1%ED%8A%B8-export-default%EC%99%80-export%EC%9D%98-%EC%B0%A8%EC%9D%B4