[typescript] 상태 변화를 관찰하고, 의존 객체들에게 상태 변화를 통지하는 옵서버 패턴과 타입스크립트의 결합 사례

21 Dec 2023

typescript

옵서버 패턴은 상태 변화를 관찰하고, 이에 따른 행동을 수행하도록 하는 디자인 패턴입니다. 이 패턴은 주체(subject)와 옵서버(observer)라는 두 종류의 객체를 포함하며, 주체는 상태 변화를 알리고, 옵서버는 이에 반응합니다. 이러한 패턴을 타입스크립트로 구현하는 과정에서 장단점을 알아보겠습니다.

타입스크립트로 옵서버 패턴 구현

타입스크립트는 강력한 정적 타입 지정 기능과 객체 지향적 프로그래밍을 제공하여 옵서버 패턴을 구현하는 데 매우 적합합니다. 아래는 간단한 주제-옵서버 예제입니다.

interface Subject {
  registerObserver(observer: Observer): void;
  removeObserver(observer: Observer): void;
  notifyObservers(): void;
}

interface Observer {
  update(data: any): void;
}

class ConcreteSubject implements Subject {
  private observers: Observer[] = [];

  registerObserver(observer: Observer): void {
    this.observers.push(observer);
  }

  removeObserver(observer: Observer): void {
    const index = this.observers.indexOf(observer);
    if (index >= 0) {
      this.observers.splice(index, 1);
    }
  }

  notifyObservers(): void {
    this.observers.forEach((observer) => {
      observer.update(this.someData);
    });
  }

  // ... other methods and state
}

class ConcreteObserver implements Observer {
  update(data: any): void {
    // handle the update
  }
}

const subject = new ConcreteSubject();
const observer1 = new ConcreteObserver();
const observer2 = new ConcreteObserver();

subject.registerObserver(observer1);
subject.registerObserver(observer2);

// ...

subject.notifyObservers();

타입스크립트로 옵서버 패턴의 이점

타입스크립트를 이용하여 옵서버 패턴을 구현할 때 몇 가지 이점이 있습니다.

타입 안정성: 타입스크립트의 정적 타입 시스템을 활용하여 코드 내에서 발생할 수 있는 타입 관련 오류를 사전에 방지할 수 있습니다.
강력한 객체지향 기능: 클래스, 인터페이스, 추상 클래스, 접근 제어자 등의 객체지향 기능을 활용하여 패턴을 보다 명확하게 구현할 수 있습니다.

결론

타입스크립트는 옵서버 패턴을 구현하는 데 매우 적합한 언어이며, 정적 타입 시스템과 객체지향적 특성이 패턴의 구현과 유지보수를 용이하게 만듭니다.