더북(TheBook)

24. 기타 나머지 페이지도 앞에서 작성한 방법처럼 직접 해당 페이지에서 코드를 구현하거나, 각각의 부분 뷰 또는 뷰 컴포넌트 등을 사용해 따로 만들어 놓고 포함시키는 방식으로 페이지를 제작할 수 있다. 하나 더 연습해보자. Views 폴더의 Home 폴더에 있는 About.cshtml 뷰 페이지를 열고, 다음과 같이 코드를 작성한다.

▼  /Views/Home/About.cshtml

@{
  ViewData[“Title”] = “정보”;
}
<h2>@ViewData[“Title”].</h2>
<h3>@ViewData[“Message”]</h3>

<p>이 사이트는 ASP.NET Core 1.0 학습을 위한 데모 사이트입니다.</p>
<p>학습이 완료된 후에 현재 사이트가 만들어집니다.</p>


<div class=“row”>
  <div class=“col-md-6”>
      <div class=“thumbnail”>
          <img src=http://placeimg.com/640/480/any" />
          <i>Photo by http://placeimg.com</i>
      </div>
  </div>
  <div class=“col-md-6”>
      <div class=“thumbnail”>
          <img src=http://unsplash.it/640/480/?random" />
          <i>Photo by https://unsplash.it</i>
      </div>
  </div>
</div>

<div class=“row”>
  <div class=“col-md-6”>
      <h3><i class=“fa fa-wrench”></i> 현재 사이트에서 사용된 기술 리스트</h3>
      @await Component.InvokeAsync(“TechList”)
  </div>
  <div class=“col-md-6”>
      <h3><i class=“fa fa-sitemap”></i> 현재 사이트와 관련된 추천 사이트</h3>
      @await Component.InvokeAsync(“SiteList”)
  </div>
</div>

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