자바스크립트 Class를 활용한 모듈화 기법

 

class는 객체 지향 프로그래밍에서 사용되는 기본 개념으로

데이터와 해당 데이터를 처리하는 메서드를 포함하는 캡슐화된 코드 블록이다.

클래스는 객체를 만들기 위한 설계도 역할을 하며 클래스를 사용하면 객체를 만들 때

해당 객체에 포함될 속성과 동작을 사전에 정의한 다음 이를 기반으로 객체를 생성할 수 있다.

객체는 클래스에서 정의한 속성과 메서드를 상속하고 이를 활용하여 독립적인 동작 수행을 시킬 수 있다.

 

class 모듈화

모듈(module)은 하나의 기능이 파일로 구성된 형태이다.

하나의 기능을 가진 함수나, 클래스 형태로 만들어 export로 내보낸 뒤 import로 받아서 사용할 수 있다.

이렇기에 길어지는 코드를 사용 기능별로 분리하여 관리하기 때문에 코드 가독성이 좋아지며 유지보수도 편해진다.

 

// 익명 클래스 표현식
const Person = class {};

// 기명 클래스 표현식
const Person = class MyClass {};

// 클래스 내에서 정의되는 함수 = 메서드
class Person {
	constructor(name) {
    	this.name = name;
    }
    sayHi() {
    	console.log("Hi! My name is ${this.name}");
    }
    static sayHello() {
    	console.log("Hello");
    }
}

const me = new Person('Lee'); // Lee
me.sayHi(); // Hi! My name is Lee
Person.sayHello(); // Hello

// Person.js
export class Person {
	//...
}

// Animal.js
export class Animal {
	//...
}

import { Person } from "./Person.js";
import { Animal } from "./Animal.js";

const person = new Person("Lee");
const animal = new Animal("Cat");

person.sayHi();
animal.food();