TypeScript DecoratorsTypeScript 데코레이터

// 클래스 데코레이터
@sealed
class MyClass { ... }

// 메서드 데코레이터
class Service {
  @log
  getData() { ... }
}

// 속성 데코레이터
class User {
  @required
  name: string;
}

// 매개변수 데코레이터
class Controller {
  getUser(@Param('id') id: string) { ... }
}

// 컴포넌트 등록 데코레이터
function Component(config: { selector: string; template: string }) {
  return function <T extends new (...args: any[]) => {}>(constructor: T) {
    return class extends constructor {
      selector = config.selector;
      template = config.template;
    };
  };
}

@Component({
  selector: 'app-hello',
  template: '<h1>Hello World</h1>',
})
class HelloComponent {
  title = '안녕하세요';
}

// 로깅 데코레이터
function log(target: any, key: string, descriptor: PropertyDescriptor) {
  const original = descriptor.value;

  descriptor.value = function (...args: any[]) {
    console.log(`호출: ${key}(${JSON.stringify(args)})`);
    const result = original.apply(this, args);
    console.log(`결과: ${JSON.stringify(result)}`);
    return result;
  };

  return descriptor;
}

// 메모이제이션 데코레이터
function memoize(target: any, key: string, descriptor: PropertyDescriptor) {
  const cache = new Map();
  const original = descriptor.value;

  descriptor.value = function (...args: any[]) {
    const cacheKey = JSON.stringify(args);
    if (cache.has(cacheKey)) return cache.get(cacheKey);
    const result = original.apply(this, args);
    cache.set(cacheKey, result);
    return result;
  };
}

class MathService {
  @log
  @memoize
  fibonacci(n: number): number {
    if (n <= 1) return n;
    return this.fibonacci(n - 1) + this.fibonacci(n - 2);
  }
}

// NestJS 컨트롤러 패턴
@Controller('/users')
class UserController {
  constructor(private userService: UserService) {}

  @Get(':id')
  async getUser(@Param('id') id: string): Promise<User> {
    return this.userService.findById(id);
  }

  @Post()
  @UseGuards(AuthGuard)
  async createUser(@Body() dto: CreateUserDto): Promise<User> {
    return this.userService.create(dto);
  }
}