데코레이터 해부: 메타프로그래밍

// 데코레이터 패턴 시뮬레이션 (JS로)
  function Injectable(target) {
    target._injectable = true;
    return target;
  }

  function Log(target, key, descriptor) {
    const original = descriptor.value;
    descriptor.value = function(...args) {
      console.log(`[LOG] ${key} 호출됨`, args);
      return original.apply(this, args);
    };
    return descriptor;
  }

  // @Injectable 시뮬레이션
  class MissionService {
    execute(target) { return `${target} 임무 실행`; }
  }
  Injectable(MissionService);

  const service = new MissionService();
  const descriptor = Object.getOwnPropertyDescriptor(MissionService.prototype, 'execute') || { value: service.execute };
  // Log 데코레이터 적용

  const results = [
    `@Injectable: _injectable = ${MissionService._injectable}`,
    `메서드 실행: ${service.execute('T-800')}`,
    '@Log: 콘솔에 호출 로그 출력됨',
    '@Component, @NgModule: Angular 패턴',
    '@Controller, @Get: NestJS 패턴',
  ];

  results.forEach(r => {
    const el = document.createElement('div');
    el.style.color = '#888'; el.style.fontSize = '11px'; el.style.marginBottom = '4px';
    el.textContent = r;
    document.currentScript.parentElement.appendChild(el);
  });