4. Views/Shared/Components 폴더로 이동해서 MainSummaryByCategory라는 이름으로 새 폴더를 생성한다. 그리고 이곳에 Default.cshtml이라는 이름으로 뷰 페이지를 생성하고, 다음과 같이 코드를 작성한다.

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

@model List<Note>
 
@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.Title, 33)
              </a>
          </span>
      </div>
  </div>
}

---

 

MainSummaryByCategory 뷰 컴포넌트는 홈페이지에서 다음과 같은 모양으로 사용될 것이다. 게시물의 작성 날짜와 제목 링크를 보여주는 단순한 기능이다.

▲ 그림 38-4 MainSummaryByCategory 뷰 컴포넌트 실행 모양