JavaScript에서 모듈은 코드를 재사용하고 구성 요소를 모듈화하는 데 사용되는 강력한 개념입니다. 모듈은 독립적으로 작동하고 필요한 기능을 내보내거나 가져올 수 있습니다. 아래에는 JavaScript에서 모듈을 사용하는 예제 코드를 제공합니다.

모듈 생성하기

// 모듈 내부에서 사용될 private 함수
function generateRandomNumber() {
  return Math.floor(Math.random() * 100);
}

// 외부에서 사용 가능한 public 함수
export function generateRandomArray(length) {
  const arr = [];
  for (let i = 0; i < length; i++) {
    arr.push(generateRandomNumber());
  }
  return arr;
}

위의 코드는 generateRandomArray() 함수를 내보냅니다. 이 함수는 인자로 받은 길이만큼의 랜덤한 숫자로 이루어진 배열을 생성하는 기능을 수행합니다.

모듈 가져오기

// 모듈에서 내보낸 함수 가져오기
import { generateRandomArray } from './module.js';

// 함수 사용하기
const randomArray = generateRandomArray(5);
console.log(randomArray);

위의 코드는 generateRandomArray() 함수를 가져와서 사용하는 예제입니다. module.js 파일로부터 해당 함수를 가져온 다음 길이가 5인 랜덤한 숫자 배열을 생성하고, 생성된 배열을 콘솔에 출력합니다.

결론

JavaScript의 모듈 시스템을 통해 코드를 모듈화하고 필요한 기능을 쉽게 재사용할 수 있습니다. 이 예제를 참고하여 모듈을 활용하여 더 모듈화된 JavaScript 프로그램을 작성할 수 있습니다.

#JavaScript #모듈 #모듈화