11. RecentlyCommentList 뷰 컴포넌트의 UI를 작성해보자. Views/Shared 폴더의 Components 폴더에 RecentlyCommentList 폴더를 생성한다. 이곳에 Default.cshtml이라는 이름으로 뷰 페이지를 생성하고, 다음과 같이 코드를 작성한다.

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

@model List<NoteComment>
@foreach (var m in Model)
{
  <div class=“post_item”>
      <div class=“post_item_text”>
          <span class=“post_date”>@m.PostDate.ToString(“yyyy-MM-dd”)</span>
          <span class=“post_title”>
              <a href=”/DotNetNote/Details/@m.Id”>
                  @DotNetNote.Dul.StringLibrary.CutStringUnicode(@m.Opinion, 33)
              </a>
          </span>
      </div>
  </div>
}

---