[JS] 클래스를 활용한 모듈화

OlMinJe·2024년 3월 7일
0

zero-base

목록 보기
16/21
post-thumbnail

클래스를 활용한 모듈화: 자바스크립트에서 개별 기능 조합하기.
자바스크립트에서 클래스를 이용하면 코드를 재사용 가능한 단위로 분리하고, 이를 조합하여 다양한 기능을 구현할 수 있습니다.
이를 '모듈화한다'라고도 말할 수 있습니다.

1. 클래스 정의하기

class 키워드를 사용하여 새로운 클래스를 정의하고, 그 안에 메서드를 추가합니다.

class MyClass {
  myMethod() {
    console.log('Hello, world!');
  }
}

2. 인스턴스 생성하기

클래스를 정의한 후에는 new 키워드를 사용하여 클래스의 인스턴스를 생성할 수 있습니다.

const myInstance = new MyClass();
myInstance.myMethod(); // 'Hello, world!'를 출력합니다.

3. 클래스 조합하기

클래스를 조합하여 더 복잡한 기능을 구현할 수 있습니다. 예를 들어, User 클래스와 Product 클래스가 있다면, 이 두 클래스를 조합하여 Purchase 클래스를 만들 수 있습니다.

class User {
  constructor(name) {
    this.name = name;
  }
}

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }
}

class Purchase {
  constructor(user, product) {
    this.user = user;
    this.product = product;
  }

  printReceipt() {
    console.log(`${this.user.name}님이 ${this.product.name}을/를 ${this.product.price}원에 구매하셨습니다.`);
  }
}

const user = new User('홍길동');
const product = new Product('커피', 5000);
const purchase = new Purchase(user, product);

purchase.printReceipt(); // '홍길동님이 커피를 5000원에 구매하셨습니다.'를 출력합니다.

이와 같이, 클래스를 활용하면 코드를 더욱 간결하고 깔끔하게 관리할 수 있어 재사용성을 높일 수 있습니다.

profile
໒꒰ྀ ˶ • ༝ •˶ ꒱ྀིა

0개의 댓글