어댑터 adapter 패턴 - 자바스크립트 예제

// Target 인터페이스
class Storage {
  setData(key, data) {
    throw new Error("setData()는 반드시 구현되어야 합니다.");
  }
  getData(key) {
    throw new Error("getData()는 반드시 구현되어야 합니다.");
  }
}

// Concrete Target
class LocalStorageManager extends Storage {
  setData(key, data) {
    localStorage.setItem(key, data);
  }
  getData(key) {
    return localStorage.getItem(key);
  }
}

// Adaptee (호환되지 않는 인터페이스를 가진 클래스)
class SessionStorageHandler {
  saveObject(key, obj) {
    sessionStorage.setItem(key, JSON.stringify(obj));
  }
  loadObject(key) {
    const item = sessionStorage.getItem(key);
    return item ? JSON.parse(item) : null;
  }
}

// Adapter
class SessionStorageAdapter extends Storage {
  constructor() {
    super();
    this.handler = new SessionStorageHandler();
  }

  // Target의 setData()를 Adaptee의 saveObject()로 연결
  setData(key, data) {
    // Adaptee는 객체를 받으므로, 문자열 데이터를 객체로 감싸줍니다.
    this.handler.saveObject(key, { value: data });
  }

  // Target의 getData()를 Adaptee의 loadObject()로 연결
  getData(key) {
    const obj = this.handler.loadObject(key);
    return obj ? obj.value : null;
  }
}

// 클라이언트 코드
function saveUserData(storage, userData) {
  storage.setData("user", userData);
  console.log("데이터가 저장되었습니다. ✅");
}

// LocalStorage 사용 (기존 방식)
const localManager = new LocalStorageManager();
saveUserData(localManager, "John Doe");
console.log("LocalStorage에서 읽음:", localStorage.getItem("user")); // "John Doe"

// SessionStorage 사용 (어댑터 활용)
const sessionAdapter = new SessionStorageAdapter();
saveUserData(sessionAdapter, "Jane Doe");
console.log("SessionStorage에서 읽음:", sessionStorage.getItem("user")); // {"value":"Jane Doe"}

// 클라이언트는 getData를 호출할 뿐이지만, 어댑터가 내부적으로 JSON 파싱을 처리합니다.
console.log("어댑터를 통해 읽음:", sessionAdapter.getData("user")); // "Jane Doe"

// Adaptee: 우리가 통합하려는 새로운 로거.
class NewLogger {
  logMessage(timestamp, message) {
    console.log(`[${new Date(timestamp).toISOString()}] - ${message}`);
  }
}

// Target: 우리 시스템이 기대하는 로거 인터페이스.
// 여기서는 'log(message)' 메서드를 가진 객체로 가정합니다.
// const logger = { log: (message) => { console.log(message) } };

// Instance Adapter
class LoggerAdapter {
  constructor(newLogger) {
    // Adaptee의 인스턴스를 내부에 품습니다. (Composition)
    this.adaptee = newLogger;
  }

  // Target 인터페이스에 맞는 log 메서드를 구현합니다.
  log(message) {
    // Adaptee가 요구하는 형식에 맞춰 데이터를 가공한 뒤,
    const timestamp = Date.now();
    // 실제 작업은 Adaptee에게 위임합니다.⭐️
    this.adaptee.logMessage(timestamp, message);
  }
}

// 클라이언트 코드
function logSystemEvent(logger, message) {
  logger.log(message);
}

const newLogger = new NewLogger();
const adapter = new LoggerAdapter(newLogger);

logSystemEvent(adapter, "사용자가 로그인했습니다.");
// 출력: [2025-07-02TXX:XX:XX.XXX] - 사용자가 로그인했습니다.