ASP.NET & Core를 다루는 기술: 28.5.2 따라하기 1: 폼 유효성 검사 테스트용 메인 페이지 작성

2. FormValidationDemo 컨트롤러의 Index 액션에 해당하는 Index 뷰 페이지를 만들자. Views 폴더에 FormValidationDemo 폴더를 생성하고 이곳에 Index.cshtml 파일로 MVC 뷰 페이지를 작성한다. 이번 장 데모의 모든 뷰 페이지는 레이아웃을 사용하지 않는다.

▼ /Views/FormValidationDemo/Index.cshtml

@{ 
  Layout = null;
}
<!DOCTYPE html>
<html>
<head>
  <title>폼 유효성 검사</title>
</head>
<body>
<h1>폼 유효성 검사</h1>
<ul>
  <li><a href="#">메인</a></li>
  <li><a href="/FormValidationDemo/Html">HTML 폼 구성</a></li>
  <li><a href="~/FormValidationDemo/HelperMethod">헬퍼 메서드 사용</a></li>
  <li><a href="~/FormValidationDemo/StronglyTypeView">강력한 형식의 뷰</a></li>
  <li><a asp-controller="FormValidationDemo" 
         asp-action="ModelValidation">모델 기반 서버 측 유효성 검사</a></li>
  <li><a asp-controller="FormValidationDemo" 
         asp-action="ClientValidation">클라이언트 측 유효성 검사</a></li>
  <li><a asp-controller="FormValidationDemo" 
         asp-action="TagHelperValidation" >태그 헬퍼</a></li>
</ul>
</body>
</html>

Index 뷰 페이지 구성을 보자. 링크를 구성할 때 메인 링크는 # 기호로 현재 페이지를 표시했다. 다음 세 링크 생성 시 href 속성에 / 기호 또는 ~/ 기호를 사용해 프로젝트 루트부터 시작되는 경로를 표시했다. 나머지 링크 세 개는 ASP.NET Core MVC에서 제공하는 asp-로 시작하는 태그 헬퍼를 사용해 앞으로 제작할 특정 컨트롤러의 특정 액션으로 이동하는 링크를 만들어 보았다. asp-controller로 이동할 컨트롤러를 지정하고 asp-action에 액션 메서드의 이름을 지정해 링크를 만든다.

신간 소식 구독하기

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