2. 계속해서 새로운 뷰 컴포넌트를 만들어 보자. DotNetNote 프로젝트의 ViewComponents 폴더에 SiteListViewComponent.cs라는 이름으로 클래스 파일을 생성하고 다음과 같이 코드를 작성하자. TechList 뷰 컴포넌트와 마찬가지로 뷰 페이지에 컬렉션 형태의 데이터를 던져 주는 코드가 추가되었다.

▼  /ViewComponents/SiteListViewComponent.cs

using DotNetNote.Models;
using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;

namespace DotNetNote.ViewComponents
{
  public class SiteListViewComponent : ViewComponent
  {
      public IViewComponentResult Invoke()
      {
          var siteLists = new List<Site>() {
              new Site { Id = 1, Title = “길벗출판사”,
                  Url = “http://www.gilbut.co.kr",
                  Description = “ASP.NET Core 1.0 서적 출간” },
              new Site { Id = 2, Title = “데브렉”,
                  Url = “http://www.devlec.com",
                  Description = “DotNetNote 사이트 제작 관련 동영상 강의 제공” },
              new Site { Id = 3, Title = “Taeyo.NET”,
                  Url = “http://www.taeyo.net",
                  Description = “ASP.NET Core 1.0 강좌 제공” },
              new Site { Id = 4, Title = “ASP.NET Korea User Group”,
                  Url = “https://www.facebook.com/groups/AspxKorea/",
                  Description = “ASP.NET 한국 사용자 그룹” },
              new Site { Id = 5, Title = “닷넷코리아”,
                  Url = “http://www.dotnetkorea.com",
                  Description = “박용준 MVP 개인 홈페이지” },
              new Site { Id = 6, Title = “비주얼아카데미”,
                  Url = “https://www.youtube.com/user/visualacademy",
                  Description = “박용준 MVP 개인 유튜브 채널” },
              new Site { Id = 7, Title = “ASP.NET”,
                  Url = “http://www.asp.net",
                  Description = “ASP.NET 공식 사이트” }
          };
          
          return View(siteLists);
      }
  }
}

---