[Nodejs]ES 모듈 관련 예시 만들기

오늘은 ES 모듈 관련 더하기 빼기 계산 하는 간단한 예시를 만들어 보겠습니다.

 

ES 모듈, 즉 ECMAScript 모듈은 재사용을 위해 자바스크립트 코드를 패키징하는 공식 표준 형식(https://tc39.es/ecma262/#sec-modules)입니다. 즉, 자바스크립트 코드를 function 단위, class 단위, 객체 변수 단위 등 여러 형태의 단위로 필요에 따라 작게 나눠 재사용 및 체계적인 관리를 돕는 표준 형식입니다.

 

import 및 exeport 문을 사용하여 모듈들을 정의하고 불러올 수 있습니다.

 

 

1.프로젝트 생성 및 초기화

mkdir 생성할 폴더명
cd 방금 생성한 폴더명
npm init -y

=> 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다.

 

 

 

2.활용할 mjs 파일들 생성(math_utils.mjs , main.mjs)

touch math_utils.mjs
touch main.mjs

=> math_utils.mjs 는 더하기, 빼기 등 수학 계산용 함수 코드들을 보관할 용도입니다.

=> main.mjs 는 math_utils.mjs의 함수들을 활용해 계산 실행할 용도 입니다.

 

저는 위 이미지와 같이 생성하였습니다

 

=> 만약 확장자를 mjs로 쓰지 않고 js파일들을 mjs 파일로 인식하게 하고 싶다면 package.json 파일에 type 속성 값을 module로 설정하면 됩니다. 

 

 

3. math_utils.mjs 파일 코드 작성

// 더하기 함수
export function add(a, b) {
    return a + b;
}

//빼기 함수
export function subtract(a, b) {
    return a - b;
}

 

 

 

 

4. main.mjs  파일 코드 작성

//math_utils.mjs 파일을 import
import * as utils from './math_utils.mjs';

//import 한 파일의 코드를 활용해 더하기, 빼기 처리
const result1 = utils.add(5, 3);
const result2 = utils.subtract(5, 3);

//결과를 출력
console.log(`더하기 결과: ${result1}`);
console.log(`빼기 결과: ${result2}`);

 

 

 

5. 코드 실행

node main.mjs

 

 

 

결과(CLI 창 화면)