공유된 따라하기 · 노드JS

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 문법으로 전환하면서 진행합니다.

이 주소는 글의 저작자가 공개한 링크입니다. 뉴렉처 스터디의 다른 자료는 로그인 후 볼 수 있어요.

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

전제 조건

현재 파일 상태 확인