Typescript의 데코레이터, FrontEnd에도 적용해볼까?

간단 소개

Typescript 데코레이터의 개념과 활용법, FrontEnd 개발 적용 가능성을 분석하고, 실무 적용을 위한 준비의 중요성을 강조합니다.

AI Summary

Typescript 데코레이터 소개
- Typescript의 데코레이터는 Java의 annotation과 유사하며, 함수를 감싸 기능을 추가하거나 수정하는 데 사용됨.
- GoF 디자인 패턴의 구조적 디자인 패턴 중 하나로, 기존 함수를 변경하지 않고 관찰, 수정, 오버라이딩 가능.
- 클래스, 메소드, 접근자, 프로퍼티, 매개변수에 적용 가능하며, @expression 형태로 런타임에 호출됨.
데코레이터 사용 시 유의사항 및 FrontEnd 적용
- 데코레이터는 Javascript에 대한 2단계 제안으로 Typescript의 실험적 기능이며, 아직 완전히 적용하기 어려움.
- 클래스 데코레이터 사용 시, 런타임에 호출되므로 type system에서 property 추가를 인지하지 못함.
- FrontEnd에서는 React의 hook과 유사한 기능 수행, 클래스 기반 컴포넌트에서 활용 가능성을 제시.