퍼사드 facade 패턴 - 자바스크립트 예제

// Subsystem Class 1: 프로젝터
class Projector {
  on() {
    console.log("프로젝터가 켜졌습니다.");
  }
  off() {
    console.log("프로젝터가 꺼졌습니다.");
  }
}

// Subsystem Class 2: 앰프
class Amplifier {
  on() {
    console.log("앰프가 켜졌습니다.");
  }
  setVolume(level) {
    console.log(`볼륨이 ${level}로 설정되었습니다.`);
  }
  off() {
    console.log("앰프가 꺼졌습니다.");
  }
}

// Subsystem Class 3: 조명
class Lights {
  dim(level) {
    console.log(`조명이 ${level}% 밝기로 어두워졌습니다.`);
  }
  brighten() {
    console.log("조명이 밝아졌습니다.");
  }
}

// Subsystem Class 4: DVD 플레이어
class DvdPlayer {
  on() {
    console.log("DVD 플레이어가 켜졌습니다.");
  }
  play(movie) {
    console.log(`'${movie}' 영화를 재생합니다.`);
  }
  off() {
    console.log("DVD 플레이어가 꺼졌습니다.");
  }
}

// Facade
class HomeTheaterFacade {
  constructor(amp, projector, lights, dvd) {
    this.amplifier = amp;
    this.projector = projector;
    this.lights = lights;
    this.dvdPlayer = dvd;
  }

  // 영화 보는 과정을 하나의 메서드로 통합
  watchMovie(movie) {
    console.log("--- 영화 볼 준비를 시작합니다 ---");
    this.lights.dim(10);
    this.projector.on();
    this.amplifier.on();
    this.amplifier.setVolume(7);
    this.dvdPlayer.on();
    this.dvdPlayer.play(movie);
  }

  // 영화 끝내는 과정을 하나의 메서드로 통합
  endMovie() {
    console.log("\n--- 홈시어터를 종료합니다 ---");
    this.dvdPlayer.off();
    this.amplifier.off();
    this.projector.off();
    this.lights.brighten();
  }
}

// 클라이언트 코드
const amp = new Amplifier();
const projector = new Projector();
const lights = new Lights();
const dvd = new DvdPlayer();

// 퍼사드 객체 생성
const homeTheater = new HomeTheaterFacade(amp, projector, lights, dvd);

// 클라이언트는 복잡한 과정을 알 필요 없이, 간단한 메서드만 호출합니다.
homeTheater.watchMovie("인터스텔라");
homeTheater.endMovie();

--- 영화 볼 준비를 시작합니다 ---
조명이 10% 밝기로 어두워졌습니다.
프로젝터가 켜졌습니다.
앰프가 켜졌습니다.
볼륨이 7로 설정되었습니다.
DVD 플레이어가 켜졌습니다.
'인터스텔라' 영화를 재생합니다.

--- 홈시어터를 종료합니다 ---
DVD 플레이어가 꺼졌습니다.
앰프가 꺼졌습니다.
프로젝터가 꺼졌습니다.
조명이 밝아졌습니다.