posted by 방랑군 2012. 1. 4. 13:08

출처 : http://kimstar.pe.kr/blog/272

개요

  • 발음 : 레이저
  • @으로 표현
  • ASP.NET MVC3에서 사용가능
  • ASP.NET 엔진과 별개로 동작
  • Razor Template + Data = Output

Quick Reference

실습

01.@{
02.Layout = null;
03.}
04. 
05.<!DOCTYPE html>
06. 
07.<html>
08.<head>
09.<title>Index</title>
10.</head>
11.<body>
12.<div>
13.<h1>레이저 구문 학습</h1>
14. 
15.@for (int i = 0; i < 5; i++)
16.{
17.// html과 code를 알아서 판단
18.<div>@i</div>
19.}
20. 
21.@{
22.// 변수를 선언
23.string userName = "kimstar";
24.int age = 12;
25.var js = "<script>alert('테스트')</script>";
26.}           
27. 
28.@*@()로 정확하게..*@
29.<div>저는 @userName 입니다. 제 나이는 @age 입니다.</div>
30. 
31.@*<text>사용하거나 @:를 사용하면 그냥 텍스트로 인식한다. 브라우저에는 표시가 안된다.*@
32.<div>나이 : @if (age % 2 == 0) { <text>짝수</text> } else { <text>홀수</text> } </div>
33. 
34.@if (age % 2 == 0)
35.{
36.@:나이는 @age 이며 짝수입니다.
37.}
38. 
39. 
40.@*이메일을 표시해도 알아서 레이저가 아님을 판단한다.*@
41.<div>이메일 : kimstar@kimstar.pe.kr</div>
42. 
43.@*골뱅이를 표시하고 싶으면 두개*@
44.<div>트위터 : @@byul124</div>
45. 
46.@*userName 뒤에 .을 붙이면 속성과 헷갈린다. @() 사용하여 정확하게 하자. *@
47.<div>
48.<img src="@(userName).jpg" alt="@userName" />
49.</div>
50. 
51.@*그대로 인코딩되어 화면에 표시된다.*@
52.<div>
53.@js
54.</div>
55. 
56.@*인코딩하지 않고 그대로 출력한다.*@
57.<div>
58.@Html.Raw(js)
59.</div>
60. 
61.<div>
62.@DateTime.Now.ToString()
63.</div>
64. 
65.</div>
66.</body>
67.</html>
     


사용자 삽입 이미지

실행결과



슬라이드

View more presentations from Dan Wahlin 

'PP > ASP.NET MVC' 카테고리의 다른 글

지랄 같은 MVC  (0) 2012.01.05
[ASP.NET MVC3] 5. Controller의 기본 (2) 매개 변수 처리  (0) 2012.01.05