ASP.NET Razor Pages에서 if문 사용하기

 

우리가 전 글에서 Razor Pages 내에서는 @을 사용해서 C# 코들 작성할 수 있다고 했다. 그러면 if Statement와 같은 조건문을 사용할 수는 없을까?

@{

}

 

전 시간에는 우리가 이렇게 코드블럭을 작성한다고 했다. 그러나 HTML에서 C# 코드를 불러와서 사용했고, 코드 블럭 안에서 사용하지는 않았다.

@{
  int value = 4;
}

@if (value % 2 == 0)
{
  <p> The value is even!</p> 
}

 

위 코드와 같이 @ {}으로 설정된 코드 안에 변수도 선언하고 if문도 선언해서 사용할 수 있다.

아래는 신호등 색별로 표시되는 안내 메세지를 작성한 코드다. 

@page
@model IndexModel
@{
  ViewData["Title"] = "Home page";
}

<!-- Create variable below -->
@{
  string stopLight = "dddw";
}

<div class="text-center">
  <h1 class="display-5">Let's work with conditionals!</h1>
  <hr>
  <br>

  <h4 style="color:blue;">Results from your if statement:</h4> 
  <br>
  <!--   If Statement below -->
  @if (stopLight == "green") {
    <h5>The stoplight is green, go!</h5>
  } else if (stopLight == "red") {
    <h5>The stoplight is red, stop!</h5>
  } else if (stopLight == "yellow") {
    <h5>The stoplight is yellow, slow down!</h5>
  } else {
    <h5>That stoplight doesn't exist!</h5> 
  }
</div>

 

여기서 @을 사용해서 if를 선언하고 뒤에 조건이 따라오는 걸 볼 수 있다. 그런데 뒤를 보면 @이 없다. 그렇다 @은 C#코드가 실행되는 처음에만 선언해주면 그 뒤로 해당 코드가 끝나기 전까지 유효하게 된다. 즉, 위 코드에서는 최종 else {} 가 있는 이 부분이 최종 C# 코드의 종료 시점이 되는 것이다.

 

위와 같이 사용해서 swtich / while 등의 조건문도 모두 사용할 수 있다.