ASP.NET 기초 Razor Pages에서 asp-route-{value} 와 asp-page

 

Anchor Tag Helper는 GET 요청을 생성하는 데 사용되며, 여기서는 asp-page와 asp-route-{value} 속성을 사용하여 URL에 매개변수를 추가하고 데이터를 전송하는 걸 설명하겠다.

 

1. GET 요청을 만드는 방법

• 기본 HTML 방식

<a href="./Authors?fullname=Roald+Dahl">Roald</a>

        

        
      

 

• Anchor Tag Helper 방식

<a asp-page="./Authors" asp-route-fullname="Roald Dahl">Roald</a>

        

        
      

 

두 코드는 서로 다르지만 서로 같은 역할을 한다. 기존에는 좀 더 복잡하게 작성을 해야 했지만, ASP.NET에서 제공하는 Tag Helper를 사용해서 조금더 쉽게 가독성이 좋게 만들 수 있게 되었다. 여기서 asp-page는 Authors 페이지로 연결되며, asp-route-fullname="Roald Dahl"이 URL에 쿼리 스트링으로 추가된다.

 

2. Anchor Tag Helper의 장점

• 가독성
  • 쿼리 스트링을 수동으로 작성안아도 된다.
  • 동적으로 변경되는 URL을 쉽게 생성할 수 있다
• 유지보수 용이
  • 페이지 이름이나 매개변수가 변경되더라도 코드를 쉽게 수정이 가능하다.
• IDE 지원
  • 모델 속성이나 페이지 이름을 잘못 입력했을 때 IDE에서 오류를 안내한다.

3. Anchor Tag Helper와 Input Tag Helper 비교

기능	Anchor Tag Helper	Input Tag Helper
목적	GET 요청 생성	POST 요청 생성
속성	asp-page, asp-route-{value}	asp-for
예시	/Authors?fullname=Roald+Dahl	폼 데이터를 HTTP Body에 포함하여 전송
사례	URL에 매개변수를 추가해 특정 리소스를 요청	서버에 데이터를 안전하게 전송