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” />
- Link 태그 헬퍼 : css 폴더의 모든 css 파일을 읽어서 한번에 link 태그로 만들어 준다.