Typescript Decorator

A decorator is a function that receives the class, property, method, or parameter that is defined below it

@ Function which return Function for decorate

{
  "compilerOptions": {
      "target": "ES6",
      "experimentalDecorators": true,
      "emitDecoratorMetadata": true
  }
}

[typescript] 타입스크립트 데코레이터 1편 - 데코레이터 4가지 기본구조 알아보기

해당 부분도 이해가 좀 안될 수 있는데... 해당 코드를 이해하기 전에 익명함수를 떠올린다면 조금 수월하게 이해할 수 있습니다. 클래스도 익명함수처럼 이름이 꼭 있을필요는 없습니다. 즉, 이름 없는 클래스를 만들어 앞에서 전달받은 클래스를 상속받습니다. 문법이 좀 괴랄해 보이지만 계속 보면서 익숙해집시다. 여기서 만약 데코레이터를 통해 데이터를 전달하고 싶다면 데코레이터에 값을 전달하면 됩니다.

https://m.blog.naver.com/pjt3591oo/222120496022

vscode issue

[오류] Experimental support for decorators is a feature that is subject to change in a future release.

Visual Studio Code가 내보내는 오류로, TypeScript에서 ES7의 Decorator를 추가적인 설정을 하지 않고 사용할 경우 발생하는 오류입니다. tsconfig.json에 experimentalDecorators 항목을 true 로 변경해주면 해결됩니다. 계속 Visual Studio Code가 동일한 오류 또는 경고를 내보낸다면, Visual Studio Code에 설정을 변경해주면 됩니다. 해당 옵션을 체크하면 오류가 해결됩니다.

https://blog.ddark.kr/Experimental-support-for-decorators-is-a-feature-that-is-subject-to-change-in-a-future-release/