27.4.9 따라하기 7: 헬퍼 메서드로 하이퍼링크 만들기

1. 이번에는 지금까지 만든 뷰 페이지를 링크로 제공하는 Index 뷰 페이지를 Views 폴더의 HelperMethodDemo 폴더에 생성하고, 다음과 같이 코드를 작성한다. 모든 링크를 다 사용하진 않고 몇 개만 링크로 만들어 본다. 하이퍼링크를 만드는 데는 지금까지 사용하던 <a> 태그를 사용하면 된다. ActionLink() 헬퍼 메서드를 사용해서 동적으로 <a> 태그를 생성할 수 있다.

▼  Views/HelperMethodDemo/Index.cshtml

@{ 
  Layout = null;
}

<ul>
  <li><a href="#">Index</a></li>
  <li>
      <a href="~/HelperMethodDemo/FormDemo">폼 생성</a>
      <a href="/HelperMethodDemo/FormDemo">폼 생성</a>
  </li>
  <li>
      @Html.ActionLink("입력 요소", "InputDemo")
      <a href="/HelperMethodDemo/InputDemo">입력 요소</a>
  </li>
  <li>
      @Html.ActionLink("선택 요소", "SelectDemo", "HelperMethodDemo")
      <a href="/HelperMethodDemo/SelectDemo">선택 요소</a>
  </li>
  <li>
      @Html.ActionLink("강력한 형식", "StronglyTypedDemo", new { Id = 1234 })
      <a href="/HelperMethodDemo/StronglyTypedDemo/1234">강력한 형식</a>
  </li>
  <li>
      <a href="@Url.Action("CssClassDemo")">CSS class 속성 사용</a>
      <a href="@Url.Action("CssClassDemo", "HelperMethodDemo")">
          CSS class 속성 사용
      </a>
  </li>
  <li>
      <a asp-action="PartialViewDemo">부분 뷰</a>
      <a asp-controller="HelperMethodDemo" asp-action="PartialViewDemo">
          부분 뷰
      </a>
  </li>
</ul>

---

 

여러 개의 헬퍼 메서드를 사용해서 링크를 만들어 보았다. 마지막 링크는 asp-로 시작하는 태그 헬퍼(Tag Helper)를 사용해서 만들었다.