이 자습서에서는 컨트롤러와 보기를 사용하여 ASP.NET Core MVC 웹 배포에 대해 설명합니다. Razor Pages는 ASP.NET Core 2.0의 새로운 대체 기능으로, 웹 UI를 쉽게 빌드하고 생산성을 높일 수 있는 페이지 기반 프로그래밍 모델입니다. MVC 버전 이전의 Razor 페이지 자습서를 사용해 보는 것이 좋습니다. Razor 페이지 자습서:

  • 새 응용 프로그램 개발을 위해 선호되는 방법입니다.
  • 자습서 내용을 좀 더 쉽게 진행할 수 있습니다.
  • 더 많은 기능을 다룹니다.

Razor 페이지 버전에 대한 이 자습서를 선택하시는 경우 이 GitHub 문제에서 선택 이유를 알려주세요.

이 자습서는 세 가지 버전이 있습니다.

Visual Studio 및 .NET Core 설치

Install one of the following:

웹앱 만들기

Visual Studio에서 파일 > 새로 만들기 > 프로젝트를 선택합니다.

파일 > 새로 만들기 > 프로젝트

새 프로젝트 대화 상자를 완료합니다.

  • 왼쪽 창에서 .NET Core를 탭합니다.
  • 가운데 창에서 ASP.NET Core 웹 응용 프로그램(.NET Core) 을 탭합니다.
  • 프로젝트 이름을 “MvcMovie”로 지정합니다(코드를 복사할 때 네임스페이스가 일치하도록 프로젝트 이름을 “MvcMovie”로 지정해야 함).
  • 확인을 탭합니다.

새 프로젝트 대화 상자, 왼쪽 창의 .Net core, ASP.NET Core 웹New project dialog, .Net core in left pane, ASP.NET Core web

새 ASP.NET Core 웹 응용 프로그램(.NET Core) – MvcMovie 대화 상자를 완료합니다.

  • 버전 선택기 드롭다운 상자에서 ASP.NET Core 2.- 를 선택합니다.
  • 웹 응용 프로그램(모델-보기-컨트롤러) 을 선택합니다.
  • 확인을 탭합니다.

새 프로젝트 대화 상자, 왼쪽 창의 .Net core, ASP.NET Core 웹New project dialog, .Net core in left pane, ASP.NET Core web

Visual Studio에서는 방금 만든 MVC 프로젝트에 대한 기본 템플릿을 사용했습니다. 프로젝트 이름을 입력하고 몇 가지 옵션을 선택하면 바로 앱이 작동합니다. 이것은 간단한 시작 프로젝트이며 여기서 시작하는 것이 좋습니다.

F5 키를 탭하여 앱을 디버그 모드에서 실행하거나 Ctrl-F5를 탭하여 디버그 이외 모드에서 실행합니다.

앱 실행

  • Visual Studio가 IIS Express를 시작하고 앱을 실행합니다. 주소 표시줄에 localhost:port#이 표시되고 example.com 등은 표시되지 않음을 알 수 있습니다. 그 이유는 localhost가 로컬 컴퓨터의 표준 이름이기 때문입니다. Visual Studio에서 웹 프로젝트를 만들 경우 웹 서버에는 임의 포트가 사용됩니다. 위 이미지에서 포트 번호는 5000입니다. 브라우저의 URL에는 localhost:5000이 표시됩니다. 앱을 실행할 경우 다른 포트 번호가 표시됩니다.
  • Ctrl+F5(디버그 이외 모드)를 사용하여 앱을 시작하면 코드를 변경하고, 파일을 저장하고, 브라우저를 새로 고치고, 코드 변경 내용을 확인할 수 있습니다. 대부분의 개발자는 앱을 빠르게 시작하고 변경 내용을 확인하기 위해 디버그 이외 모드를 사용하려고 합니다.
  • 디버그 메뉴 항목에서 앱을 디버그 또는 디버그 이외 모드로 시작할 수 있습니다.

디버그 메뉴

  • IIS Express 단추를 탭하여 앱을 디버그할 수 있습니다.

IIS Express

기본 템플릿은 작동하는 홈, 정보 및 연락처 링크를 제공합니다. 위의 브라우저 이미지에는 이러한 링크가 표시되지 않습니다. 브라우저 크기에 따라 탐색 아이콘을 클릭하여 링크를 표시해야 할 수 있습니다.

오른쪽 위의 탐색 아이콘

디버그 모드에서 실행 중인 경우 Shift-F5를 탭하여 디버깅을 중지합니다.

이 자습서의 다음 부분에서는 MVC에 대해 알아보고 일부 코드 작성을 시작합니다.

296 Comments
댓글 남기기