[C#] MVC View (Razor)

C# 웹 프로그래밍 MVC 디자인 패턴에서 V에 해당하는 View에 대해 알아보자

View는 UI를 표현하는 역할을 한다.

기본적으로 HTML과 CSS로 UI를 구성하지만, 동적으로 HTML을 생성하기 위해 View Engine을 사용한다.

MVC에서 가장 많이 쓰이는 View Engine은 Razor 엔진으로섯 일반적으로 MVC View를 작성하기 위해서는 HTML과 Razor 문법을 함께 사용한다.

View Layout

ASP.NET MVC의 View는 기본 마스터 템플릿을 계층적으로 가질 수 있는데, 이를 Layout이라 한다.

@{    
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<p>
    My View
</p>

Partial View

View의 특정 부분을 띄어내어 별도의 부분 View로 만들어 사용할 수 있는데, 이를 Partial Viw라 한다.

@{    
    Layout = "~/Views/Shared/_Layout.cshtml";
}
 
<p>
    My View
</p>
 
@{     
    Html.RenderPartial("bottomPartialView.cshtml");    
}

@Html.Partial("bottomPartialView.cshtml");

Razor

Razor는 HTML안에 C# 코드를 넣어 동적인 HTML을 생성할 수 있도록 한다.

@{ ... } 블럭을 사용한다.

<p>
    @*조건문*@
    @if (count <= 0)
    {
        <div>데이타가 없습니다.</div>
    }

 
    @switch (count)
    {
        case 1:
            <div>하나</div>
            break;
        case 2:
            <div>둘</div>
            break;
        default:
            <div>셋 이상</div>
            break;
    }

    @*반복문*@
    @for (int i = 0; i < count; i++)
    {
        <div>@i</div>
    }
</p>

[출처]

http://www.csharpstudy.com/web/article/5-MVC-View

http://www.csharpstudy.com/web/article/6-MVC-View-Razor