다음을 통해 공유


ASP.NET MVC 소개

작성 자: Scott Hanselman

참고

Visual Studio 2013 사용하여 자습서를 사용할 수 있는 경우 업데이트된 버전입니다. 새 자습서에서는 ASP.NET MVC 5를 사용하며, 이 자습서에서는 많은 개선 사항을 제공합니다.

이 자습서에서는 ASP.NET MVC의 기본 사항을 소개합니다. 데이터베이스에서 읽고 쓰는 간단한 웹 애플리케이션을 만듭니다. 다른 ASP.NET MVC 자습서 및 샘플을 찾으려면 ASP.NET MVC 학습 센터를 방문하세요.

Visual Web Developer 2010 Express를 사용하여 첫 번째 ASP.NET MVC 웹 애플리케이션을 만들어 보겠습니다. 영화를 만들고 나열할 수 있는 작은 동영상 목록 애플리케이션을 만들겠습니다.

만들 내용

빌드할 애플리케이션의 두 스크린샷은 다음과 같습니다. 다양한 열이 있는 간단한 영화 테이블이 있습니다.

동영상 목록 - Windows 인터넷 Explorer(12)

또한 목록에 영화를 추가할 수 있도록 양식 만들기가 있습니다.

영화 만들기 - Windows 인터넷 Explorer(2)

학습할 기술

이 자습서에서는 Visual Studio를 사용하여 ASP.NET MVC 웹 애플리케이션을 빌드하는 기본 사항을 설명합니다. 다음 내용을 배웁니다.

  • 새 ASP.NET MVC 프로젝트를 만드는 방법
  • SQL Server 사용하여 새 데이터베이스를 만드는 방법
  • ASP.NET MVC 컨트롤러 및 뷰를 만드는 방법
  • 데이터를 검색하고 표시하는 방법
  • 데이터를 편집하고 데이터 유효성 검사를 사용하도록 설정하는 방법
  • 데이터베이스 스키마를 업데이트하는 방법

시작하기

Visual Web Developer 2010 Express를 실행하여 시작하고(지금부터는 "VWD"라고 함) 시작 화면에서 새 프로젝트를 선택합니다.

Visual Web Developer는 IDE 또는 통합 개발자 환경입니다. Microsoft Word 사용하여 문서를 작성하는 것처럼 IDE를 사용하여 애플리케이션을 만듭니다. 위쪽에는 다양한 옵션을 보여 주는 도구 모음과 파일 선택 |에 사용할 수 있는 메뉴가 있습니다. 새 프로젝트.

시작 페이지를 보여주는 Microsoft Visual Web Developer 2010 Express 창의 스크린샷

첫 번째 애플리케이션 만들기

Visual Basic 또는 Visual C#을 사용하여 애플리케이션을 만들 수 있습니다. 지금은 왼쪽에서 Visual C#을 선택한 다음, "ASP.NET MVC 2 웹 애플리케이션"을 선택합니다. 프로젝트 이름을 "Movies"로 지정하고 확인을 클릭합니다.

새 프로젝트

오른쪽에는 애플리케이션의 모든 파일 및 폴더를 표시하는 솔루션 탐색기 있습니다. 중간에 있는 큰 창은 코드를 편집하고 대부분의 시간을 보내는 곳입니다. Visual Studio는 방금 만든 ASP.NET MVC 프로젝트에 대한 기본 템플릿을 사용했기 때문에 아무 작업도 수행하지 않고 지금 작업 중인 애플리케이션을 사용할 수 있습니다. 이것은 간단한 "헬로 월드! 프로젝트, 그리고 그것은 우리의 응용 프로그램에 대 한 시작 하는 좋은 장소.

코드 편집기에서 새 홈 컨트롤러 점 c의 파일이 열려 있음을 보여주는 Microsoft Visual Web Developer 2010 Express 창의 스크린샷

도구 모음에서 "재생" 단추를 선택합니다.

디버깅 시작

프로그램을 컴파일하고 웹 브라우저에서 애플리케이션을 시작하는 오른쪽을 가리키는 녹색 화살표입니다.

참고: 대신 키보드에서 F5 키를 누르거나 "디버그" 메뉴에서 디버그->디버깅 시작을 선택할 수 있습니다.

이렇게 하면 Visual Web Developer가 개발 웹 서버를 시작하고 웹 애플리케이션을 실행합니다(이를 사용하도록 설정하는 데 필요한 구성 또는 수동 단계는 없음). 그런 다음 브라우저를 시작하고 애플리케이션의 홈페이지를 찾아보도록 구성합니다. 브라우저의 주소 표시줄에 "localhost"가 표시되고 example.com 것과는 다릅니다. localhost는 항상 사용자 고유의 로컬 컴퓨터를 가리키기 때문입니다. 이 경우 방금 빌드한 애플리케이션을 실행합니다.

홈페이지

기본적으로 이 기본 템플릿은 방문할 두 페이지와 기본 로그인 페이지를 제공합니다. 이 애플리케이션의 작동 방식을 변경하고 프로세스에서 MVC를 ASP.NET 대해 조금 알아보겠습니다. 브라우저를 닫고 일부 코드를 변경할 수 있습니다.