anchor.diff:    We did not have to define the `heroes` type.  TypeScript can infer it from the `HEROES` array.
   .l-sub-section
     :marked
  -    컴포넌트 클래스에서 heroes 목록의 타입을 정의할 수도 있습니다. 그러나 궁극적으로 데이터 서비스를 통해 히어로 목록을 가져올 것입니다. 왜냐하면 우리가 가고자 하는 방향은 히어로 데이터를 클래스 구현에서 분리하는 것이기 때문입니다.
  +    컴포넌트 클래스에서 heroes 목록의 타입을 정의할 수도 있습니다. 
  +    그러나 궁극적으로 데이터 서비스를 통해 히어로 목록을 가져올 것입니다. 
  +    왜냐하면 우리가 가고자 하는 방향은 히어로 데이터를 클래스 구현에서 분리하는 것이기 때문입니다.
   
       We could have defined the heroes list here in this component class.
       But we know that ultimately we’ll get the heroes from a data service.
  
positive.code:       in the Template Syntax chapter.
  
    :marked
      브라우저가 앱을 다시 로드합니다. 이제 Magneta 히어로를 선택해보면 배경색을 통해 확실히 식별이 가능합니다.
  
      The browser reloads our app.
      We select the hero Magneta and the selection is clearly identified by the background color.
  
negative.code:     ### ngIf로 비어있는 상세정보 숨기기
      ### Hide the empty detail with ngIf
  
      앱을 로딩하면 히어로 목록이 보이고 선택된 히어로는 없는 상태입니다. 
      `selectedHero` 변수는 `undefined` 상태이기 때문에 
      브라우저 콘솔에 아래와 같은 에러가 보이게 됩니다.
  
      When our app loads we see a list of heroes, but a hero is not selected.
      The `selectedHero` is `undefined`.
  