4. Views 폴더에 MovieList 폴더를 만들고 Index.cshtml 뷰 페이지를 생성한 후 다음과 같이 코드를 작성한다. 컨트롤러에서 전송된 List<T> 형태의 데이터는 @model 키워드를 통해서 뷰 페이지에서 Model 개체에 담아서 사용할 수 있는 형태로 MVC 프레임워크는 정해져 있다. @model 키워드로 List<MovieViewModel> 형태로 액션에서 넘어온 컬렉션을 담아서 Model 개체로 뷰 페이지에서 출력한다.
▼ Views/MovieList/Index.cshtml
@model List<MovieViewModel>
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>영화 리스트</title>
<style>
table {
border-collapse:collapse;
}
table th, table td {
border: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<h1>영화 리스트</h1>
<table id="movieLists">
<tr>
<th>번호</th>
<th>제목</th>
<th>개봉일</th>
</tr>
@foreach (var movie in Model)
{
<tr>
<td>@movie.Id</td>
<td>@movie.Title</td>
<td>@movie.CreationDate.Year.ToString()</td>
</tr>
}
</table>
</body>
</html>
이 코드처럼 반복되는 데이터는 @foreach 구문을 통해서 Model 개체에 담긴 데이터를 반복해서 원하는 모양으로 출력할 수 있다.