QnAi로깅

ES6 모듈 시스템에서 import와 export 구문을 사용하는 예시를 살펴봅시다.

예를 들어, utils.js라는 파일에서 몇 가지 기능을 내보내고 싶다고 가정해봅시다.

utils.js:

javascriptCopy code
// Named export (특정 이름으로 내보내기)
export function sum(a, b) {
  return a + b;
}

export function multiply(a, b) {
  return a * b;
}

// Default export (기본 내보내기)
export default function printHello() {
  console.log("Hello!");
}

이제 다른 파일에서 utils.js의 기능을 가져와 사용하려면 import 구문을 사용할 수 있습니다.

main.js:

// Named import (특정 이름으로 가져오기)
import { sum, multiply } from './utils.js';

console.log(sum(1, 2)); // 결과: 3
console.log(multiply(2, 3)); // 결과: 6

// Default import (기본 가져오기)
import printHello from './utils.js';

printHello(); // 결과: Hello!

// Named import와 Default import를 함께 사용하기
import printHello, { sum, multiply } from './utils.js';

printHello(); // 결과: Hello!
console.log(sum(1, 2)); // 결과: 3
console.log(multiply(2, 3)); // 결과: 6

이렇게 ES6 모듈 시스템을 사용하여 코드를 모듈화하고 관리할 수 있습니다.