anchor.diff:  .l-main-section
   <a id="where-to-load"></a>
   :marked
  +   ## 컴포넌트를 로딩할 위치
      ## Where to load the component
  +
  +   컴포넌트를 추가하기 전에 컴포넌트가 동적으로 삽입될 앵커 포인트를 정의해야만 합니다. 
   
      Before components can be added we have to define an anchor point to mark where components can be inserted dynamically.
   
  
positive.code: include ../_util-fns
  
  :marked
    Component templates are not always fixed. An application may need to load new components at runtime.
  
    In this cookbook we show how to use `ComponentFactoryResolver` to add components dynamically.
  
    <a id="toc"></a>
  :marked
     ## Table of contents
  
        [Dynamic Component Loading](#dynamic-loading)
  
        [Where to load the component](#where-to-load)
  
        [Loading components](#loading-components)
  
  .l-main-section
  <a id="dynamic-loading"></a>
  :marked
     ## Dynamic Component Loading      
  
     The following example shows how to build a dynamic ad banner. 
     
     The hero agency is planning an ad campaign with several different ads cycling through the banner.
  
     New ad components are added frequently by several different teams. This makes it impractical to use a template with a static component structure. 
     
     Instead we need a way to load a new component without a fixed reference to the component in the ad banner's template.
  
     Angular comes with its own API for loading components dynamically. In the following sections you will learn how to use it.
  
  
negative.code: +makeExample('cb-dynamic-component-loader/ts/src/app/app.module.ts', 'entry-components' ,'src/app/app.module.ts (entry components)')(format='.')
  
  :marked
    컴포넌트는 
  
    Components are added to the template by calling `createComponent` on the `ViewContainerRef` reference. 
    
    `createComponent` returns a reference to the loaded component. The component reference can be used to pass input data or call methods to interact with the component.
    광고 배너에서, 모든 컴포넌트는 `AdComponent` 인터페이스를 상속합니다.
  
    In the Ad banner, all components implement a common `AdComponent` interface to standardize the api for passing data to the components.
  
    두 개의 샘플 컴포넌트와 `AdComponent` 인터페이스가 아래에 있습니다.
  
    Two sample components and the `AdComponent` interface are shown below:
  
  