anchor.diff:  a#H
   .l-main-section#I
   :marked
  -  ## Injector
  -.l-sub-section
  -  :marked
  -    An object in the Angular [dependency injection system](#dependency-injection)
  -    that can find a named "dependency" in its cache or create such a thing
  -    with a registered [provider](#provider).
  -
  -:marked
  -  ## Input
  -.l-sub-section
  -  :marked
  -    A directive property that can be the ***target*** of a
  -    [Property Binding](!{docsLatest}/guide/template-syntax.html#property-binding).
  -    Data values flow *into* this property from the data source identified
  -    in the template expression to the right of the equal sign.
  -
  -    See the [Template Syntax](!{docsLatest}/guide/template-syntax.html#inputs-outputs) chapter.
  -
  -:marked
  -  ## Interpolation
  -.l-sub-section
  -  :marked
  -    A form of [Property Data Binding](#data-binding) in which a
  -    [template expression](#template-expression) between double-curly braces
  -    renders as text.  That text may be concatenated with neighboring text
  -    before it is assigned to an element property
  -    or displayed between element tags as in this example.
  -
  +  ## 주입기 (Injector)
  +.l-sub-section
  +  :marked
  +    Angular [의존성 주입 시스템](#dependency-injection)에 포함되는 객체이며 
  +    대상의 캐시 내부에서 이름지어진 "의존성"을 찾거나 기록된 [공급자](#provider)와 함께 
  +    특정 대상을 만들어낼 수 있습니다.
  +
  +:marked
  +  ## 입력 (Input)
  +.l-sub-section
  +  :marked
  +    [프로퍼티 바인딩](!{docsLatest}/guide/template-syntax.html#property-binding)의 
  +    ***대상***이 될 수 있는 지시 프로퍼티입니다. 데이터 값은 등호 우측의 템플릿 표현에서 
  +    식별된 데이터 소스에서부터 프로퍼티 *내부로* 흘러갑니다.
  +
  +    [템플릿 문법](!{docsLatest}/guide/template-syntax.html#inputs-outputs) 챕터를 참고해주세오.
  +
  +:marked
  +  ## 보간 (Interpolation)
  +.l-sub-section
  +  :marked
  +    이중 중괄호 사이에서 텍스트로 렌더링되는 [템플릿 표현](#template-expression) 내부의 
  +    [프로퍼티 데이터 바인딩](#data-binding)의 형식입니다. 이 텍스트는 엘리먼트의 프로퍼티에 할당되기 
  +    전에 이웃 텍스트와 연결되거나 아래 예시와 같이 엘리먼트 태그들 사이에서 표시될 것입니다.
  +    
     code-example(language="html" escape="html").
       <label>My current hero is {{hero.name}}</label>
  -
  -  :marked
  -    Learn more about interpolation in the
  -    [Template Syntax](!{docsLatest}/guide/template-syntax.html#interpolation) chapter.
  -
  -.l-main-section#J
  +    
  +  :marked
  +    보간에 대해서 더 알아보시려면 
  +    [템플릿 문법](!{docsLatest}/guide/template-syntax.html#interpolation) 챕터를 참고해주세요.
   
   +ifDocsFor('ts')
     a#jit
  
positive.code: 
  .l-main-section#K
  :marked
    ## kebab-case
  .l-sub-section
    :marked
      See [dash-case](#dash-case).
  
  .l-main-section#L
  :marked
    ## Lifecycle Hooks
  .l-sub-section
    :marked
      [Directives](#directive) and [Components](#component) have a lifecycle
      managed by Angular as it creates, updates and destroys them.
  
      Developers can tap into key moments in that lifecycle by implementing
      one or more of the "Lifecycle Hook" interfaces.
  
      Each interface has a single hook method whose name is the interface name prefixed with `ng`.
      For example, the `OnInit` interface has a hook method names `ngOnInit`.
  
      Angular calls these hook methods in the following order:
      * `ngOnChanges` - called when an [input](#input)/[output](#output) binding values change
      * `ngOnInit` - after the first `ngOnChanges`
      * `ngDoCheck` - developer's custom change detection
      * `ngAfterContentInit` - after component content initialized
      * `ngAfterContentChecked` - after every check of component content
      * `ngAfterViewInit` - after component's view(s) are initialized
      * `ngAfterViewChecked` - after every check of a component's view(s)
      * `ngOnDestroy` - just before the directive is destroyed.
  
      Learn more in the [Lifecycle Hooks](!{docsLatest}/guide/lifecycle-hooks.html) chapter.
  
  .l-main-section#M
  
  :marked
    ## Module
  .l-sub-section
    block module-defn
      .alert.is-important
  
negative.code:        - ES2015 modules as described in this section.
  
      :marked
        Angular 앱은 모듈화되어있습니다.
  
        일반적으로, 우리는 우리의 어플리케이션을 다양한 모듈(우리 스스로 작성한 것과 다른 곳에서 
        가져온 것들)을 혼합하여 만들었습니다.
        
        모듈이란 하나의 목적만을 위한 결합력있는 코드의 블록을 의미합니다.
  
        모듈은 그 코드 내부의 어떤 값, 일반적으로 클래스로 구성된 하나의 대상을 **내보냅니다**.
        그 대상이 필요한 모듈은 그것을 **가져옵니다**.
        
        Angular 모듈의 구조와 import/export 문법은 
        [여기](http://www.2ality.com/2014/09/es6-modules-final.html)에 서술된 
        [ES2015](#es2015) 모듈 표준에 기반을 두고 있습니다.
  
        이 표준이 추가된 어플리케이션은 요청이 발생할 때 모듈을 불러오며, 
        모듈 간 의존성을 해결하기 위해 모듈 로더를 필요로합니다. Angular는 모듈 로더를 내장하지 않으며 
        어떤 특정 서드파티 라이브러리 (거의 모든 예시자료들이 SystemJS를 사용한다 하더라도)도 포함할 계획이 없습니다. 
        어플리케이션 개발자들은 표준에 따르는 모듈 라이브러리를 선택하여 사용해야 할 것입니다.
        
        모듈은 일반적으로 내보낸 대상이 정의된 파일에 따라서 명명됩니다. 추천 모듈에 포함된 
        Angular [데이터파이프](https://github.com/angular/angular/blob/master/modules/@angular/common/src/pipes/date_pipe.ts)
        클래스는 `data_pipe.ts`파일 내부에 `data_pipe`로 명명되었습니다.
        
        개발자들은 드물게 Angular 추천 모듈을 직접 엑세스합니다.
        우리는 주로 `@angular/core`같은 Angular의 [스코프 패키지](#scoped-package)중 하나로부터 그들을 가져옵니다.
        
  a#N
  .l-main-section#O
  
  