anchor.diff:      ### ngIf로 비어있는 상세정보 숨기기
       ### Hide the empty detail with ngIf
   
  -    앱을 로딩하면 히어로 목록이 보이고 선택된 히어로는 없는 상태입니다. `selectedHero` 변수는 `undefined` 상태이기 때문에 브라우저 콘솔에 아래와 같은 에러가 보이게 됩니다.
  +    앱을 로딩하면 히어로 목록이 보이고 선택된 히어로는 없는 상태입니다. 
  +    `selectedHero` 변수는 `undefined` 상태이기 때문에 
  +    브라우저 콘솔에 아래와 같은 에러가 보이게 됩니다.
   
       When our app loads we see a list of heroes, but a hero is not selected.
       The `selectedHero` is `undefined`.
  
positive.code:   ### ngFor를 사용해 히어로 나열하기
    ### Listing heroes with ngFor
  
    컴포넌트 안에 있는 `heroes` 배열을 템플릿 안에 연동하여 순회하면서 각각 표시하려고 합니다. 이것을 하기 위해 Angular의 도움이 필요합니다. 차례로 해보겠습니다.
  
    We want to bind the array of `heroes` in our component to our template, iterate over them,
    and display them individually.
  
negative.code:   +makeExample('toh-2/ts/app/app.component.ts', 'selected-hero', 'app.component.ts (selectedHero)')
  
    :marked
      사용자가 히어로를 선택하기 전에는 선택 히어로가 없다고 하겠습니다. 
      때문에 `selectedHero` 는 `hero`와 마찬가지로 초기화 할 필요가 없습니다.
  
      We’ve decided that none of the heroes should be selected before the user picks a hero so
      we won’t initialize the `selectedHero` as we were doing with `hero`.
  