anchor.diff:  
   .l-main-section
   :marked
  +  ### <a id="06-03"></a>_HostListener_/_HostBinding_ 데코레이터 vs _host_ 메타데이터
     ### <a id="06-03"></a>_HostListener_/_HostBinding_ decorators versus _host_ metadata
     #### <a href="#06-03">Style 06-03</a>
   
   .s-rule.consider
     :marked
  -    **Consider** preferring the `@HostListener` and `@HostBinding` to the 
  +    **권장** `@Directive`와 `@Component` 데코레이터의 `host` 프로퍼티보다 
  +    `@HostListener`와 `@HostBinding`를 선호합니다.
  +
  +    **Consider** preferring the `@HostListener` and `@HostBinding` to the
       `host` property of the `@Directive` and `@Component` decorators.
   
   .s-rule.do
     :marked
  +    **필수** 선택에 일관성을 유지하세요.
  +
       **Do** be consistent in your choice.
   
   .s-why.s-why-last
     :marked
  -    **Why?** The property associated with `@HostBinding` or the method associated with `@HostListener` 
  -    can be modified only in a single place - in the directive's class. 
  -    If you use the `host` metadata property, you must modify both the property declaration inside the controller, 
  +    **이유** `@HostBinding`에 연관된 프로퍼티 또는 `@HostListener`와 연관된 메소드는
  +    지시자 클래스의 단일 장소에서만 수정할 수 있습니다.
  +    `host` 메타 데이터 프로퍼티를 사용한다면, 컨트롤러 내부의 프로퍼티 선언과 지시자와 
  +    관련된 메타 데이터를 모두 수정해야합니다.
  +
  +    **Why?** The property associated with `@HostBinding` or the method associated with `@HostListener`
  +    can be modified only in a single place - in the directive's class.
  +    If you use the `host` metadata property, you must modify both the property declaration inside the controller,
       and the metadata associated with the directive.
   
   +makeExample('style-guide/ts/06-03/app/shared/validator.directive.ts', '', 'app/shared/validator.directive.ts')
   :marked
  +  덜 바람직한 `host` 메타데이터 대안과 비교해보세요.
  +
     Compare with the less preferred `host` metadata alternative.
   
   .s-why.s-why-last
     :marked
  +    **이유** 'host' 메타데이터는 꼭 기억할 용어 중 하나이며 ES를 추가로 임포트할 필요가 없습니다.
  +
       **Why?** The `host` metadata is only one term to remember and doesn't require extra ES imports.
   
   +makeExample('style-guide/ts/06-03/app/shared/validator2.directive.ts', '', 'app/shared/validator2.directive.ts')
  
positive.code:   col(width="50%")
    col(width="50%")
    tr
      th Symbol Name
      th File Name
    tr(style=top)
      td
        :marked
          End to End Tests
      td
        :marked
  
negative.code: 
  .l-main-section
  :marked
    ### <a id="02-09"></a>파이프 이름
    ### <a id="02-09"></a>Pipe names
    #### <a href="#02-09">Style 02-09</a>
  
  .s-rule.do
    :marked
      **필수** 모든 파이프에 대해 그들의 기능을 따라 작성된 일관된 이름을 사용하세요.
  
      **Do** use consistent names for all pipes, named after their feature.
  
  .s-why.s-why-last
    :marked
      **이유** 신속히 파이프를 확인하고 참조할 수 있는 일관된 방법을 제공합니다.
  
      **Why?** Provides a consistent way to quickly identify and reference pipes.
  
  - var top="vertical-align:top"
  