2. 계속해서 새로운 뷰 컴포넌트를 만들어 보자. DotNetNote 프로젝트의 ViewComponents 폴더에 TechListViewComponent.cs라는 이름으로 클래스 파일을 생성하고 다음과 같이 코드를 작성하자. 뷰 페이지에 컬렉션 형태의 데이터를 던져주는 코드가 추가되었다. 이 부분 코드는 실제 데이터베이스를 사용해도 되지만, 뷰 컴포넌트 학습에 초점을 맞춰 List<T> 형태의 인 메모리 데이터베이스를 사용했다.

▼  /ViewComponents/TechListViewComponent.cs

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

namespace DotNetNote.ViewComponents
{
  public class TechListViewComponent : ViewComponent
  {
      public IViewComponentResult Invoke()
      {
          var techLists = new List<Tech>() {
              new Tech { Id = 1, Title = “ASP.NET Core” },
              new Tech { Id = 2, Title = “Bootstrap” },
              new Tech { Id = 3, Title = “C#” },
              new Tech { Id = 4, Title = “Dapper” },
              new Tech { Id = 5, Title = “Azure” },
              new Tech { Id = 6, Title = “jQuery” },
              new Tech { Id = 7, Title = “Angular” }
          };
          
          return View(techLists);
      }
  }
}

---