anchor.diff:  
   .l-sub-section
     :marked
  -    `ngFor` 의 (`*`) 접두어는 `<li>` 엘리먼트와 그 자식요소가 마스터 템플릿을 구성한다는 것을 뜻합니다.
  +    `ngFor` 의 (`*`) 접두어는 `<li>` 엘리먼트와 그 자식요소가 
  +    마스터 템플릿을 구성한다는 것을 뜻합니다.
   
       The (`*`) prefix to `ngFor` indicates that the `<li>` element and its children
       constitute a master template.
   
  -    `ngFor` 지시자는 `AppComponent.heroes` 에서 반환된 `heroes` 배열을 순회하며 템플릿 인스턴스에 출력합니다.
  +    `ngFor` 지시자는 `AppComponent.heroes` 에서 반환된 `heroes` 배열을 순회하며 
  +    템플릿 인스턴스에 출력합니다.
   
       The `ngFor` directive iterates over the `heroes` array returned by the `AppComponent.heroes` property
       and stamps out instances of this template.
   
  -    `ngFor`에 할당된 인용문은 "*`heroes` 배열에 있는 모든 히어로를 `hero` 지역변수에 저장하고 템플릿 인스턴스에서 사용할 수 있도록 만들라는 것*"을 뜻합니다.
  +    `ngFor`에 할당된 인용문은 "*`heroes` 배열에 있는 모든 히어로를 `hero` 
  +    지역변수에 저장하고 템플릿 인스턴스에서 사용할 수 있도록 만들라는 것*"을 뜻합니다.
   
       The quoted text assigned to `ngFor` means
       “*take each hero in the `heroes` array, store it in the local `hero` variable,
       and make it available to the corresponding template instance*”.
   
  -    "hero" 앞의 `let` 키워드는 `hero`가 템플릿 입력변수임을 알아보게 합니다. 이 변수를 사용하여 템플릿 안에서 히어로의 속성에 접근할 수 있습니다.
  +    "hero" 앞의 `let` 키워드는 `hero`가 템플릿 입력변수임을 알아보게 합니다. 
  +    이 변수를 사용하여 템플릿 안에서 히어로의 속성에 접근할 수 있습니다.
   
       The `let` keyword before "hero" identifies `hero` as a template input variable.
       We can reference this variable within the template to access a hero’s properties.
  
positive.code:   ### 템플렛에 히어로들을 표시하기
    ### Displaying heroes in a template
  
    컴포넌트는 `heroes`를 가지고 있습니다. 이제 이것을 템플릿에 보여주기 위해 비순차 목록을 만들어봅시다. 다음의 HTML를 제목과 히어로 상세 사이에 입력하세요.
  
    Our component has `heroes`. Let’s create an unordered list in our template to display them.
    We’ll insert the following chunk of HTML below the title and above the hero details.
  
negative.code:       Remember that the leading asterisk (`*`) in front of `ngIf` is
        a critical part of this syntax.
    :marked
      만약 `selectedHero`가 없다면 `ngIf` 지시자는 DOM에서 히어로 상세 HTML을 제거해버립니다. 
      이제 더 이상 히어로 상세 엘리먼트도 없고 연동에 대해서도 걱정할 것이 없습니다.
  
      When there is no `selectedHero`, the `ngIf` directive removes the hero detail HTML from the DOM.
      There will be no hero detail elements and no bindings to worry about.
  
      사용자가 히어로를 선택하면 `selectedHero`는 "유효"하게 되고 
      `ngIf`는 히어로 상제 정보를 DOM에 삽입하고 내부 바인딩을 하게 됩니다.
  
      When the user picks a hero, `selectedHero` becomes "truthy" and
      `ngIf` puts the hero detail content into the DOM and evaluates the nested bindings.
    .l-sub-section
      :marked
        `ngIf`와 `ngFor`는 “구조적 지시자(structural directives)” 라고 불립니다. 
        왜냐하면 이것들은 DOM의 구조를 변경하기 때문입니다. 
        다시말해, 이것들은 Angular에게 DOM안에 표시할 콘텐츠 구조를 알려줍니다.
  
        `ngIf` and `ngFor` are called “structural directives” because they can change the
        structure of portions of the DOM.
  