ASP.NET & Core를 다루는 기술: 35.2.2 따라하기 1: 프로젝트 및 참조 확인

3. 공통 레이아웃을 담당하고 있는 Views/Shared 폴더의 _Layout.cshtml 파일을 연다. 다음 코드의 기본 자바스크립트 라이브러리 참조 시작과 종료 부분을 </body> 태그 바로 위에 있던 위치에서 <head> 태그 영역으로 이동하고 바로 밑에 angular.js 파일을 참조하자. 그리고 메뉴 항목에 ‘웹캠프’ 메뉴를 하나 더 추가하자.

▼ /Views/Shared/_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
  <meta charset=“utf-8” />
  <meta name=“viewport” content=“width=device-width, initial-scale=1.0” />
  <title>@ViewData[“Title”] - DotNetNote</title>
  
  <environment names=“Development”>
      <link rel=“stylesheet” href=“~/lib/bootstrap/dist/css/bootstrap.css” />
      <link rel=“stylesheet” href=“~/css/site.css” />
  </environment>
  <environment names=“Staging,Production”>
      <link rel=“stylesheet” href=
      “https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css"
          asp-fallback-href=“~/lib/bootstrap/dist/css/bootstrap.min.css”
          asp-fallback-test-class=“sr-only”
          asp-fallback-test-property=“position”
          asp-fallback-test-value=“absolute” />
      <link rel=“stylesheet” href=“~/css/site.min.css”
              asp-append-version=“true” />
  </environment>

신간 소식 구독하기

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