MVC 3 를 이용한 ASP.NET 의 Movie사이트 개발 지침서 해설 - 01

[루돌프]

5시간을 넘게 작업을 하여 완료 버튼을 누르니 "에러가 발생하여 죄송합니다"라고 뜨고 전부 없어져 버리네요. 황당합니다.

하였튼....

mvc 3를 정식으로 배워보기로 했습니다.

진행할 프로젝트는 총 9강으로 이루어져 있습니다. 영문사이트라서 해석도 병행하며 하겠습니다. 오역 등 부족한 부분은 여러분들께서 채워주시리라 믿습니다.

사이트 바로가기 http://www.asp.net/mvc/tutorials/getting-started-with-mvc3-part1-cs

***//주요 표기법(진행하면서 필요하면 앞쪽에 기입해 나갑니다.

vs : Visual Studio 2010 Profesional,  Web Developer 2010 Express

• Visual Studio Web Developer Express with SQL Express
• ASP.NET MVC 3
• SQL Management Studio

This tutorial will teach you the basics of building an ASP.NET MVC Web application using Microsoft Visual Web Developer 2010 Express, which is a free version of Microsoft Visual Studio. Before you start, make sure you've installed the prerequisites listed above. You can install all of them using the Web Platform Installer.

A Visual Web Developer project with C# source code is available to accompany this topic. Download the C# version here. If you prefer Visual Basic, switch to the Visual Basic version of this tutorial.

본 자습서는 마이크로소프트의Visual Studio 2010의 무료버전인 "웹개발 2010 Expess"를 통하여 Asp.Net Mve 웹 응용프로그림을 구축하는 기초를 배우게 될 것입니다. 시작 전에 위에 나열된 조건들이 충족되었는지 확인하십시오.

당신은 "Web Platform Installer"를 사용하여 설치할 수 있습니다. C#을 이용한 웹 개발 프로젝트는 본 주제를 사용할 수 있습니다. 여기에서 다운로드 하십시오. Visual Basic를 사용하신다면, 이 자습서를 전환 하십시요.

What You'll Build : 무엇을 구축할 것인가?

You'll implement a simple movie-listing application that supports creating, editing and listing movies from a database. Below are two screenshots of the application you’ll build. It includes a page that displays a list of movies from a database:

당신은 데이터베이스로부터 만들고, 편집하고 영화 리스팅을 지원하는 간편한 영화 리트팅 응용프로그램을

구현할수 있을 것입니다. 아래의 화면캡처된 두개의 그림를 구축할 것입니다. 그것은 데이터베이스로부터 영화 리스트를 화면에 뿌려주는 것을 포함합니다.

The application also lets you add, edit, and delete movies as well as see details about individual ones. All data-entry scenarios include validation to ensure that the data stored in the database is correct.

응용프로그램은 또한 영화의 추가, 펴집, 삭제 뿐만아니라 개별적으로 상세보기가 됩니다. 데이터베이스에 저장되어있는 모든 데이터목록은 정확성에 대한 검증을 포함합니다.

Skills You'll Learn : 배울 기술

Here's what you'll learn: 여기에서 무엇을 배울 것인가?

• How to create a new ASP.NET MVC project.
• How to create ASP.NET MVC controllers and views.
• How to create a new database using the Entity Framework code-first paradigm.
• How to retrieve and display data.
• How to edit data and enable data validation.
• asp.net mvc 프로젝트 생성
• 컨트롤과 뷰페이지 생성
• 엔터티 프레임워크 선행코드 프로그램을 사용한 데이터 베이스 생성. 
• 검색과 화면 출력
• 데이터 편집과 가능한 유효성 검사

Getting Started : 시작

Start by running Visual Web Developer 2010 Express ("Visual Web Developer" for short) and select New Project from the Start page.

Visual Web Developer is an IDE, or integrated development environment. Just like you use Microsoft Word to write documents, you'll use an IDE to create applications. In Visual Web Developer there's a toolbar along the top showing various options available to you. There's also a menu that provides another way to perform tasks in the IDE. (For example, instead of selecting New Project from the Start page, you can use the menu and select File > New Project.)

VS를 시작하고 스타트 페이지에서 새 프로젝트를 선택합니다.

VS는 통합개발환경입니다. 응용프로그램을 만드는 통합환경에서 MS의 워드프로그램과 같이 사용할 수 있습니다. 상단의 툴바에서 다양한 옵션을 사용할 수 있습니다. 또한 통합개발환경에서 제공하는 다른 공급메뉴를 통해서도 가능합니다. (예, 스타트페이지에서 새 프로젝트 선택, "메뉴 파일 > 새 프로젝트"에서 선택)

Creating Your First Application : 첫 번째 응용프로그램 제작

You can create applications using either Visual Basic or Visual C# as the programming language. For now, select Visual C# on the left and then select ASP.NET MVC 3 Web Application. Name your project "MvcMovie" and then click OK.

VB 또는 C# 언어로 사용하여 응용프로그램을 제작할 수 있습니다. 이제부터 C#를 선택헤서 ASP.NET MVC 3 Web Appolition 선택합니다. 프로젝트 명에 "MvcMovie"를 넣고 "OK"를 클릭합니다.

In the New ASP.NET MVC 3 Project dialog box, select Internet Application. Leave Razor as the default view engine.

다이얼로그 박스에서, "Internet Application"를 선택합니다. 기본 뷰 엔진에 "Razor"를 남겨놓습니다.

Click OK. Visual Web Developer used a default template for the ASP.NET MVC project you just created, so you have a working application right now without doing anything! This is a simple "Hello World!" project, and it's a good place to start your application.

"OK"클릭, 당신은 아무것도 하지 않고, VS의 곧 제작할 수 있는 기본 템플릿! 이것은 간단한 "Hello World1"프로젝트이며, 당신이 응용프로그램을 시작하기 좋은 장소입니다. 

From the Debug menu, select Start Debugging.

디버그 메뉴에서, 디버깅시작을 선택하니다.

Notice that the keyboard shortcut to start debugging is F5.

F5 causes Visual Web Developer to start a development web server and run your web application. Visual Web Developer then launches a browser and opens the application's home page. Notice that the address bar of the browser says localhost and not something like example.com. That's because localhost always points to your own local computer, which in this case is running the application you just built. When Visual Web Developer runs a web project, a random port is used for the web server. In the image below, the random port number is 43246. When you run the application, you'll probably see a different port number.

디버깅을 시자하는 단축 키보드는 F5입니다.

F5는 VS에서 웹서버를 호출하고 웹 응용플그램을 작동합니다. VS는 브라우저를 호출하고 응용프로그램의 홈페이지를 오픈시킵니다. 브라우저의 주소창의 정보는 로컬호스트나 "example.com"과 같은 것이 아니 것을 말합니다. 그것은 응용프로그램을 구동시킬 때, 당신의 로컬 컴퓨터를 가르킵니다. VS가 웹 프로젝트를 동작시킬 때, 웹 서버에 사용되어지는 임의 포트입니다. 아래 그림은, 임의 포트 넘버 (62089)입니다. 당신의 응용프로그래을 동작시키면, 다른 포트 번호를 보게될 것입니다.

Right out of the box this default template gives you two pages to visit and a basic login page. Let's change how this application works and learn a little bit about ASP.NET MVC in the process. Close your browser and let's change some code.

곧바로 기본 템플릿에 제공된 두페이지와 로그인 페이지를 방문해 봅니다. 어떻게 응용프로그램 작동되는지 바꿔보고 조금 더 자세히  ASP.NET MVC의 구동에 관해서 배워봅시다. 브라우저를 닫고 약간의 코드를 바꿔봅시다.

@@@@으~~악! 드뎌 한 장을 완성 했습니다. 축하해 주세요@@@@