8. ViewComponent 클래스의 기능을 가져다 사용할 페이지를 만들자. Views 폴더의 Shared 폴더에 Components라는 이름의 폴더를 만든다. 이 폴더에 위에서 작성한 DataListViewComponent 클래스의 이름 중 접미사 ViewComponent 부분을 빼고 DataList란 이름으로 폴더를 작성한다. 이는 MVC 프레임워크에서 사용하는 규칙이므로 ViewComponent를 사용하려면 이 방식을 사용해야 한다. 마지막으로 DataList 폴더에 MVC 뷰 페이지인 Default.cshtml 파일을 생성한다. 이 뷰 페이지 이름도 기본값은 Default로 설정해야 한다. Default.cshtml 파일을 다음과 같이 작성한다. Razor 구문에 의해서 넘어온 Data의 컬렉션을 출력하는 예제다.

▼  Views/Shared/Components/DataList/Default.cshtml

@using DotNetNote.Models
@model IEnumerable<Data>

<ul>
  @foreach (var data in Model)
  {
      <li>@data.Id, @data.Name, @data.Title</li>
  }
</ul>

---