더북(TheBook)

3. 이번에는 뷰 페이지를 만들어 보자. Views 폴더에서 마우스 오른쪽 버튼을 클릭해 Data라는 새 폴더를 만든다. Data 폴더에서 마우스 오른쪽 버튼을 클릭해 추가 > 새 항목에서 MVC 뷰 페이지를 Index.cshtml이라는 이름으로 생성한다. Index.cshtml 페이지에 다음과 같이 코드를 입력한다.

▼  Views/Data/Index.cshtml

@using DotNetNote.Models
@model IEnumerable<Data>
@inject DataFinder Finder

<h2>데이터 리스트</h2>
<h3>전체 데이터 출력</h3>
<ul>
  @foreach (var data in Model)
  {
      <li>@data.Id: @data.Name, @data.Title</li>
  }
</ul>
<hr />

<h3>단일 데이터 출력</h3>
@{
  var first = await Finder.GetDataById(1);
}
<div>
  1번 데이터: @first.Id, @first.Name, @first.Title
</div>

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.