웹페이지 면도기
ASP.NET 웹 페이지 - Razor 코드 추가
이 자습서에서는 C# 및 Visual Basic 코드와 함께 Razor 마크업을 사용합니다.
면도기란 무엇인가요?
Razor는 웹 페이지에 서버 기반 코드를 추가하기 위한 마크업 구문입니다.
Razor는 기존 ASP.NET 마크업의 기능을 가지고 있지만 사용하기 쉽고 배우기 쉽습니다.
Razor는 서버입니다. -ASP 및 PHP와 유사한 측면 마크업 구문
Razor는 C# 및 Visual Basic 프로그래밍 언어를 지원합니다.
Razor 코드 추가
이전 장의 예제에 있는 웹 페이지를 기억하세요.
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>웹 페이지 데모</title>
</head>
<body>
<h1>Hello Web Pages</h1>
</body>
</html>
이제 인스턴스에 일부 Razor 코드를 추가합니다.
Instance
<!DOCTYPE html> <html> <body> <h1>Hello Web Pages</h1> <p>The time is @DateTime.Now</p> </body> </html>
Run Instance»
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요.
이 페이지에는 일반 HTML 태그가 포함되어 있으며, @로 표시된 Razor 코드도 추가됩니다.
Razor 코드는 서버에서 실시간으로 다양한 작업을 완료하고 결과를 표시할 수 있습니다. (서식 지정 옵션을 지정할 수 있습니다. 그렇지 않으면 기본 항목만 표시됩니다.)
기본 Razor C# 구문 규칙
Razor 코드 블록은 @{ ... }로 묶입니다.
인라인 표현식(변수 및 함수) @
로 시작 코드 문은 세미콜론으로 끝납니다
변수는 var 키워드를 사용하여 선언됩니다
문자열은 따옴표로 묶습니다
C# 코드는 대소문자를 구분합니다
C# 파일은 .cshtml
Example
<html>
<body>
<!-- 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 + " Here in Huston it is: " + weekDay;
}
<p>The greeting is: @greetingMessage</p>
</body>
</html>예제 실행»
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요
기본 Razor VB 구문 규칙
R azor 코드 블록은 @Code로 묶입니다. 끝 코드
인라인 표현식(변수 및 함수)은 @
변수는 Dim 키워드를 사용하여 선언됩니다.
문자열은 따옴표로 묶습니다.
-
VB 코드는 대소문자를 구분하지 않습니다.
VB 파일의 확장자는 .vbhtml
Example
<!-- 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 & " Here in Huston it is: " & weekDay End Code <p>The greeting is: @greetingMessage</p>
예제 실행»
온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요
C# 및 Visual Basic에 대한 자세한 내용
Razor, C#, Visual Basic 프로그래밍 언어에 대해 자세히 알아보려면 다음을 확인하세요. 이 튜토리얼 면도기 부분.
