더북(TheBook)

6. Chat.cshtml 페이지의 기본 소스를 지우고 다음과 같이 간단히 한 줄짜리 코드를 입력한다.

▼  Chat.cshtml

<h1>Chat</h1>

 

7. Views/Shared/_Layout.cshtml 페이지를 열고 상단 메뉴 부분을 찾아서 Chat 링크를 추가한다.

▼  _Layout.cshtml 페이지 중 메뉴 부분

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
      <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
      <li><a asp-area="" asp-controller="Home" asp-action="Chat">Chat</a></li>
      <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
      <li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact</a></li>
  </ul>
</div>

 

코드에서 기존 ASP.NET MVC에서 사용하는 a 태그 생성 방법과 조금 다른 모양으로 구성한다. 이를 ASP.NET Core에서 새롭게 제공되는 태그 헬퍼(Tag Helper)라고 한다. a 태그와 같은 기본 모양에 asp-controllerasp-action 키워드를 통해 실행 시 그에 맞는 컨트롤러와 액션으로 이동하는 태그를 생성해준다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.