4 / 4

Node.js 모듈 시스템 — ES Module (import/export)

대상 (CommonJS)를 끝낸 사람

목표 : ES Module의 import/export 문법을 배우고, CommonJS 프로젝트에서 배운 모듈시스템을 ES Module로 전환하는 방법을 학습한다

완성물 import/export로 동작하는 node-prj/

프로젝트 환경 : VSCode + 터미널 (Mac: Cmd + J, Windows/Linux: Ctrl + ~ 또는 Terminal 메뉴 → New Terminal)

STEP 1 / 9시작하기 전에

0개 완료 · 9개 남음

전제 조건

CommonJS 실습을 끝냈다면, ~/node-prj/ 폴더에 아래 파일이 있어야 합니다.

node-prj/
├── app.js              ← require('./math')로 math.js를 불러옴
├── math.js             ← exports.add = add; exports.sub = sub;
├── package.json
├── package-lock.json
└── node_modules/

VSCode 터미널에서:

cd ~/node-prj
ls

app.js, math.js, package.json이 보이면 OK입니다.
없다면 node-prj-commonjs-tutorial.md를 먼저 끝내주세요.

현재 파일 상태 확인

VSCode에서 math.js를 엽니다. (탐색기에서 math.js 클릭)

function add(a, b) {
  return a + b;
}

function sub(a, b) {
  return a - b;
}

exports.add = add;
exports.sub = sub;

VSCode에서 app.js를 엽니다.

const math = require('./math');

console.log(math.add(1, 2));   // 3
console.log(math.sub(5, 3));   // 2

이 튜토리얼은 이 두 파일을 ES Module 문법으로 전환하면서 진행합니다.

이어지는 내용은 회원만 볼 수 있어요

뉴렉처에 로그인하면 전체 학습 자료를 열람할 수 있습니다.

로그인하기