TS 데코레이터

 

 

데코레이터는 TS에서 사용 가능한 특정 형식의 함수이다. 데코레이터는 아직 완전한 기능이 아니지만, Angular 및 nestjs에서 도입하여 사용중인 기능이다. 아직 완전한 기능이 아니기 때문에 tsconfig.json 파일에 "experimentalDecorators" : true 값을 주어야 데코레이터가 잘 작동한다.

 

특정 형식의 함수라고 하면 솔직히 이해가 잘 안된다. 뒤에 나올 사용 범위 앞(위)에 데코레이터를 붙여서 이미 선언된 함수, 프로퍼티, 메소드 등을 수정해 주는 함수라고 생각하면 된다.

 

데코레이터 사용 범위

---

데코레이터는 다음에 적용 가능한 특정 형식의 함수이다.'

 

1. Class

-> 클래스 선언 전에 사용해서 클래스의 생성자와 프로토타입을 수정할 수 있다.

 

2. Class Property

-> 클래스의 property (변수) 에 붙여 사용 가능

 

3. Class Method

-> 메서드 이전 (예 : 클래스 내부의 get() {} ) 에 붙여 메서드를 수정할 수 있다.

 

4. Class Accessor (클래스 접근자)

-> 클래스 내부에 private로 선언된 property (변수) 에 접근 가능한 접근자를 수정할 수 있다.

 

 

TS의 문법은 정말 난해하다.

---

작성중

 

 

 

참고 링크

https://ui.toast.com/weekly-pick/ko_20200102

자바스크립트 데코레이터 이해하기

https://typescript-kr.github.io/pages/decorators.html#%EB%A9%94%EC%84%9C%EB%93%9C-%EB%8D%B0%EC%BD%94%EB%A0%88%EC%9D%B4%ED%84%B0-method-decorators

TypeScript 한글 문서