Razor문법 - Quick Reference

출처 - http://kimstar.pe.kr/blog/272
문법 : http://haacked.com/archive/2011/01/06/r ··· nce.aspx

실습

@{
Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
<title>Index</title>
</head>
<body>
<div>
<h1>레이저 구문 학습</h1>
 
@for (int i = 0; i < 5; i++)
{
// html과 code를 알아서 판단
<div>@i</div>
}
 
@{
// 변수를 선언
string userName = "kimstar";
int age = 12;
var js = "<script>alert('테스트')</script>";
}            
 
@*@()로 정확하게..*@
<div>저는 @userName 입니다. 제 나이는 @age 입니다.</div>
 
@*<text>사용하거나 @:를 사용하면 그냥 텍스트로 인식한다. 브라우저에는 표시가 안된다.*@
<div>나이 : @if (age % 2 == 0) { <text>짝수</text> } else { <text>홀수</text> } </div>
 
@if (age % 2 == 0)
{
@:나이는 @age 이며 짝수입니다.
}
 
 
@*이메일을 표시해도 알아서 레이저가 아님을 판단한다.*@
<div>이메일 : kimstar@kimstar.pe.kr</div>
 
@*골뱅이를 표시하고 싶으면 두개*@
<div>트위터 : @@byul124</div>
 
@*userName 뒤에 .을 붙이면 속성과 헷갈린다. @() 사용하여 정확하게 하자. *@
<div>
<img src="@(userName).jpg" alt="@userName" />
</div>
 
@*그대로 인코딩되어 화면에 표시된다.*@
<div>
@js
</div>
 
@*인코딩하지 않고 그대로 출력한다.*@
<div>
@Html.Raw(js)
</div>
 
<div>
@DateTime.Now.ToString()
</div>
 
</div>
</body>
</html>

실행결과

저작자표시

'[ Web ] > ASP.NET MVC' 카테고리의 다른 글

MVC에서 JSON 길이에러날때 (0)	2015.06.11

잡학다식

Razor문법 - Quick Reference

실습

'[ Web ] > ASP.NET MVC' 카테고리의 다른 글

댓글

티스토리툴바

Razor문법 - Quick Reference

실습

'[ Web ] > ASP.NET MVC' 카테고리의 다른 글

관련글

댓글

티스토리툴바