anchor.diff:    
     Notice the `@Input` !{_decorator}. It adds metadata to the class that makes the directive's `highlightColor` property available for binding.
     
  -  데이터가 바인딩 표현식에서 지시어 _방향으로_ 흐르기 때문에 *input* 프로퍼티라고 합니다.
  +  데이터가 바인딩 표현식에서 지시자 _방향으로_ 흐르기 때문에 *input* 프로퍼티라고 합니다.
     input 메타데이터가 없으면 Angular는 바인딩을 거부합니다. [아래](#why-input "왜 @Input을 추가할까?")를 참조하세요.
   
     It's called an *input* property because data flows from the binding expression _into_ the directive. 
  
positive.code: +makeExample('attribute-directives/ts/src/app/app.component.1.html','color-1', 'src/app/app.component.html')(format='.')
  
  :marked
    `AppComponent`에 `color` 프로퍼티 추가.
  
    Add a `color` property to the `AppComponent`.
  +makeExample('attribute-directives/ts/src/app/app.component.1.ts','class', 'src/app/app.component.ts (class)')(format='.')
  :marked
    프로퍼티 바인딩을 사용해 강조 색상을 제어.
  
    Let it control the highlight color with a property binding.
  +makeExample('attribute-directives/ts/src/app/app.component.1.html','color-2', 'src/app/app.component.html')
  
negative.code: +makeExample('attribute-directives/ts/src/app/highlight.directive.ts','imports')(format=".")
  
  :marked
    그런 다음 마우스가 들어가거나 나올 때 응답하는 두 개의 이벤트 핸들러를 추가하세요. 각 이벤트 핸들러는 `HostListener`!{_decorator_ko}로 장식됩니다.
  
    Then add two eventhandlers that respond when the mouse enters or leaves, each adorned by the `HostListener` !{_decorator}.
  +makeExample('attribute-directives/ts/src/app/highlight.directive.2.ts','mouse-methods')(format=".")
  