포스트

ASP.NET의 Razor View

ASP.NET의 Razor View는 HTML과 C# 코드를 결합하여 동적인 웹 페이지를 생성하는 데 사용됩니다.

Razor는 ASP.NET MVC 및 ASP.NET Core에서 사용하는 뷰 엔진으로, Razor 구문은 간단하면서도 강력하며, HTML 태그와 C# 코드를 혼합하여 사용할 수 있도록 설계되었습니다.

1. 한 줄 표현식 (Single Line Expression)

한 줄 표현식은 C# 코드를 HTML에 삽입하기 위해 사용되는 것으로, @ 기호 뒤에 C# 코드를 작성하면 됩니다.

1
<p>The current time is @DateTime.Now</p>

2. 블록 표현식

블록 표현식은 여러 줄의 C# 코드를 작성하기 위해 사용됩니다. 한 줄 표현식에서 사용하는 @ 와 중괄호 {}를 사용하여 블록을 만듭니다.

1
2
3
4
5
@{
    var message = "Hello, world!";
    var currentTime = DateTime.Now;
}
<p>@message The current time is @currentTime</p>

블록 표현식 내에서 일반 문자열 사용

블록 표현식 내에서 일반 문자열을 사용하는 방법으로 @: 구문을 사용할 수 있습니다.

1
2
3
@{
    @:hi
}

3. 주석

Razor 뷰에서 주석을 다는 방법은 두 가지가 있습니다.

HTML 주석: <!-- -->

1
<!-- This is an HTML comment -->

Razor 주석: @* *@

1
@* This is a Razor comment *@

4. @ 기호 사용

@ 기호는 Razor 뷰에서 C# 코드를 시작하는 데 사용됩니다. 그러나 HTML 속성이나 일반 텍스트에서 @ 기호를 사용할 때는 이스케이프하여 사용할 수 있습니다.

1
2
3
@{
	<p>Email me at support@@example.com</p>
}
이 기사는 저작권자의 CC BY-NC-ND 4.0 라이센스를 따릅니다.