[책] 자바스크립트 코드 레시피 278 - 236일차

처리 파일 분할하기

• 처리에 따라 파이를 분할하고 싶을 때

설명

ES 모듈은 여러 자바스크립트의 파일을 의존 관계에 따라 불러오는 작업을 합니다. 규모가 큰 프로그램이 하나의 자바스크립트 파일만을 사용하게 되면 기능별 구조의 파악과 분류가 복잡하고 어려워 버그의 원인이 되기도 합니다.

실습

ES 모듈의 사용은 HTML script 태그에 type="module" 속성을 사용합니다.

name.js

export class Name {
  myName() {
    return '개발자';
  }
}

age.js

export class Age {
  myAge() {
    return 30;
  }
}

main.js

import { Name } from "name.js";
import { Age } from "age.js";

console.log( new Name().myName() );
console.log( new Age().myAge() );