ASP.NET 웹 페이지 - Razor 코드 추가


ASP.NET 웹 페이지는 C# 또는 VB 코드와 함께 Razor 마크업을 사용합니다.


면도기 마크업

Razor는 서버 코드(C# 또는 VB)를 ASP.NET 웹 페이지에 포함하기 위한 간단한 마크업 구문 입니다.

예시

<!DOCTYPE html>

<html lang="en">
<head>
     <meta charset="utf-8" />
     <title>Web Pages Demo</title>
</head>
<body>
     <h1>Hello Web Pages</h1>
     <p>The time is @DateTime.Now</p>
</body>
</html>

위의 페이지에는 일반 HTML 마크업과 Razor 마크업이 모두 포함되어 있습니다.


C#용 Razor 구문

  • C# 코드 블록은 @{ ... }
  • 인라인 표현식(변수 또는 함수)은 @로 시작합니다.
  • 코드 문은 세미콜론으로 끝납니다.
  • 변수는 var 키워드 또는 데이터 유형(int, string 등)으로 선언됩니다.
  • 문자열은 따옴표로 묶습니다.
  • C# 코드는 대소문자를 구분합니다.
  • C# 파일의 확장자는 .cshtml입니다.

C# 예제

<!-- Single statement block -->
@{ var myMessage = "Hello World"; }

<!-- Inline expression or variable -->
<p>The value of myMessage is: @myMessage</p>

<!-- Multi-statement block -->
@{
var greeting = "Welcome to our site!";
var weekDay = DateTime.Now.DayOfWeek;
var greetingMessage = greeting + " Today is: " + weekDay;
}

<p>The greeting is: @greetingMessage</p>


VB용 Razor 구문

  • VB 코드 블록은 @Code ... End Code로 묶입니다.
  • 인라인 표현식(변수 또는 함수)은 @로 시작합니다.
  • 변수는 Dim 키워드로 선언됩니다.
  • 문자열은 따옴표로 묶습니다.
  • VB 코드는 대소문자를 구분하지 않습니다.
  • VB 파일의 확장자는 .vbhtml입니다.

VB 예제

<!-- Single statement block  --> 
@Code dim myMessage = "Hello World" End Code
 
<!-- Inline expression or variable --> 
<p>The value of myMessage is: @myMessage</p> 
 
<!-- Multi-statement block --> 
@Code
dim greeting = "Welcome to our site!" 
dim weekDay = DateTime.Now.DayOfWeek 
dim greetingMessage = greeting & " Today is: " & weekDay
End Code


<p>The greeting is: @greetingMessage</p>

C# 및 Visual Basic에 대한 추가 정보

Razor, C# 및 Visual Basic 프로그래밍 언어에 대해 자세히 알아보려면:

이 자습서 의 Razor 섹션 으로 이동합니다 .