1.Directive 정의

Directive는 DOM의 모양이나 동작을 지시하기 위한 명령입니다. HTML에 Angular가 직접 간섭할 부분을 표시합니다. Directive는 DOM을 제어하기 위한 용도로 사용합니다. Component도 Directive의 한 종류입니다. Component가 아닌 Directive로 DOM을 제어하면 여러 View들이 공통적으로 사용하는 Element난 attribute같은 것들을 따로 directive로 지정해 사용하면 Component의 복잡도를 낮출 수 있으며 유지보수와 관리 측면에서도 더 나은 형태로 구현이 가능합니다.

1.1 Directive의 4가지 종류

• Component Directive
  우리가 알고 있는 Component입니다. selector에서 우리가 directive를 지정해 사용하게 됩니다.
• Attribute Directive
  HTML Element의 Attribute로 사용됩니다. built-in 형태로는 ngClass 같은 것들이 있습니다.
• Structural Directive
  DOM의 구성을 제어하기 위한 directive로 ngIf,ngFor,ngSwitch
• Custom Directive
  built-in 형태로 만들어진 directive가 아닌 직접 만들어서 사용하는 directive를 지칭합니다.