JavaScript에서 ES 모듈 생성하기

이제 모듈에 대해 공부해 봅시다. 각 모듈은 별도의 파일이어야 합니다. 해당 파일에 선언된 변수와 함수는 파일 외부에서 접근할 수 없습니다. 이것이 모듈의 장점입니다. 다른 라이브러리의 이름과 충돌할 걱정 없이 변수와 함수를 자유롭게 생성할 수 있습니다.

외부에 공개하고 싶은 변수나 함수는 export 명령을 사용하여 내보내야 합니다.

예제를 통해 살펴보겠습니다. 수학 연산을 위한 함수 라이브러리를 제공하는 math 모듈을 만들어 보겠습니다.

모듈을 math.js 파일에 작성하고 몇 가지 함수를 만들어 보겠습니다:

function root2(num) {
	return round(num ** (1 / 2));
}
function root3(num) {
	return round(num ** (1 / 3));
}
function round(num) {
	return num.toFixed(2);
}

제곱근을 구하는 함수는 주요 함수로 외부에 내보내고, 반올림 함수는 보조 함수로 내보내지 않도록 합시다. 필요한 함수에 export 명령을 추가해 보겠습니다:

export function root2(num) {
	return round(num ** (1 / 2));
}
export function root3(num) {
	return round(num ** (1 / 3));
}
function round(num) {
	return num.toFixed(2);
}

숫자를 제곱하는 함수 pow2, 세제곱하는 함수 pow3, 네제곱하는 함수 pow4를 포함하는 모듈을 만드세요.