29장 태그 헬퍼

      29장 태그 헬퍼에 댓글 없음

29. 태그 헬퍼

  • C# 코드 형식의 헬퍼 메서드 방식
    @Html.LabelFor(m => m.Name, new { @class = "cal-md-2 control-label" })
  • HTML 친화적인 태그 헬퍼 방식
    <label asp-for="Name" class="col-md-2 control-label"></label>

     

접두사 asp- 로 시작하는 어트리뷰트를 추가하는 방법으로 사용되어 진다.
Html에서 간단하게 어트리뷰트를 추가하여 커스터마이징하기 쉽고, 기존 태그 형식을 사용해 HTML 에디터에서 원활하게 작업할 수 있다.

ASP.NET Core에서 가장 중요하다.

29.1. 내장된 태그 헬퍼

Razor 뷰 페이지에 태그 헬퍼를 추가하려면 addTagHelper 키워드를 사용한다.
일반적으로 Views 폴더의 _ViewImports.cshtml 파일에서 관리한다.

내장된 태그 헬퍼의 주요 리스트

  • 링크 태그 헬퍼  : <a asp-action=”Index” asp-controller=”Home”>Home</a>
  • 폼 태그 헬퍼   : <form asp-action=”Create” asp-controller=”Board”></form>
  • 레이블 태그 헬퍼 : <label asp-for=”Name”></label>
  • TextArea 태그 헬퍼 : <textarea asp-for=”Content”></textarea>
  • Select 태그 헬퍼 : <select asp-for=”Encoding” asp-items=”EncodingLists”></select>
    <select asp-for="Encoding" asp-items="@Html.GetEnumSelectList(tyoeof(EnumType))"></select>
  • 유효성 검사 태그 헬퍼 : <span asp-validation-for=”Title”></span>
  • Enviroment 태그 헬퍼 : 개발 환경과 배포 환경에 따라 다른 기능 구현
    <enviroment names="Development"></enviroment>
    <enviroment names="Staging, Production"></enviroment>
  • Cache 태그 헬퍼  : 특정 시점까지 캐싱 기능을 적용 : <cache vary-by-user=”true”></cache>
  • 그 외 유용한 태그 헬퍼
    • Link 태그 헬퍼 : css 폴더의 모든 css 파일을 읽어서 한번에 link 태그로 만들어 준다.
      : <link asp-href-include=”~/css/*.css” rel=”stylesheet” />

 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다