ASP.NET MVC 4 Entity Framework 스캐폴딩 및 마이그레이션ASP.NET MVC 4 Entity Framework Scaffolding and Migrations

웹 캠프 팀By Web Camps Team

웹 캠프 교육 키트 다운로드Download Web Camps Training Kit

ASP.NET MVC 4 컨트롤러 메서드에 익숙하고 " 도우미, 폼 및 유효성 검사 Hands-On 랩을 완료 한 경우 " 모든 데이터 엔터티를 만들고, 업데이트 하 고, 나열 하 고, 제거 하는 논리가 응용 프로그램 전체에서 반복 되는 것을 알고 있어야 합니다.If you are familiar with ASP.NET MVC 4 controller methods, or have completed the "Helpers, Forms and Validation" Hands-On lab, you should be aware that much of the logic to create, update, list and remove any data entity is repeated throughout the application. 모델에 조작할 클래스가 여러 개 있는 경우 각 엔터티 작업 뿐만 아니라 각 뷰에 대해 POST 및 GET 작업 메서드를 작성 하는 데 상당한 시간이 소요 될 수 있습니다.Not to mention that, if your model has several classes to manipulate, you will be likely to spend a considerable time writing the POST and GET action methods for each entity operation, as well as each of the views.

이 랩에서는 ASP.NET MVC 4 스 캐 폴딩을 사용 하 여 응용 프로그램의 CRUD (만들기, 읽기, 업데이트 및 삭제) 기준을 자동으로 생성 하는 방법을 배웁니다.In this lab you will learn how to use the ASP.NET MVC 4 scaffolding to automatically generate the baseline of your application's CRUD (Create, Read, Update and Delete). 간단한 모델 클래스에서 시작 하 여 코드를 한 줄도 작성 하지 않고 모든 CRUD 작업과 필요한 모든 뷰를 포함 하는 컨트롤러를 만듭니다.Starting from a simple model class, and, without writing a single line of code, you will create a controller that will contain all the CRUD operations, as well as the all the necessary views. 간단한 솔루션을 빌드하고 실행 한 후에는 데이터 조작을 위한 MVC 논리 및 뷰와 함께 응용 프로그램 데이터베이스를 생성 합니다.After building and running the simple solution, you will have the application database generated, together with the MVC logic and views for data manipulation.

또한 Entity Framework 마이그레이션을 사용 하 여 전체 응용 프로그램에서 모델 업데이트를 수행 하는 것이 얼마나 쉬운지 배우게 됩니다.In addition, you will learn how easy it is to use Entity Framework Migrations to perform model updates throughout your entire application. Entity Framework 마이그레이션을 사용 하면 모델이 간단한 단계로 변경 된 후 데이터베이스를 수정할 수 있습니다.Entity Framework Migrations will let you modify your database after the model has changed with simple steps. 이러한 점을 모두 염두에 두면 ASP.NET MVC 4의 최신 기능을 활용 하 여 웹 응용 프로그램을 더 효율적으로 빌드 및 유지 관리할 수 있습니다.With all these in mind, you will be able to build and maintain web applications more efficiently, taking advantage of the latest features of ASP.NET MVC 4.

Note

모든 샘플 코드와 코드 조각은 Microsoft 웹/WebCampTrainingKit 릴리스에서제공 되는 웹 캠프 교육 키트에 포함 되어 있습니다.All sample code and snippets are included in the Web Camps Training Kit, available from at Microsoft-Web/WebCampTrainingKit Releases. 이 랩에서 관련 된 프로젝트는 ASP.NET MVC 4 Entity Framework 스 캐 폴딩 및 마이그레이션에서 사용할 수 있습니다.The project specific to this lab is available at ASP.NET MVC 4 Entity Framework Scaffolding and Migrations.

목표Objectives

이 Hands-On 랩에서는 다음 작업을 수행 하는 방법에 대해 알아봅니다.In this Hands-On Lab, you will learn how to:

  • 컨트롤러의 CRUD 작업에 ASP.NET 스 캐 폴딩을 사용 합니다.Use ASP.NET scaffolding for CRUD operations in controllers.
  • Entity Framework 마이그레이션을 사용 하 여 데이터베이스 모델을 변경 합니다.Change the database model using Entity Framework Migrations.

사전 준비 사항Prerequisites

이 랩을 완료 하려면 다음 항목이 있어야 합니다.You must have the following items to complete this lab:

설치 프로그램Setup

코드 조각 설치Installing Code Snippets

편의를 위해이 랩에서 관리 하는 대부분의 코드는 Visual Studio 코드 조각으로 사용할 수 있습니다.For convenience, much of the code you will be managing along this lab is available as Visual Studio code snippets. 코드 조각을 설치 하려면 .\Source\Setup\CodeSnippets.vsi 파일을 실행 합니다.To install the code snippets run .\Source\Setup\CodeSnippets.vsi file.

Visual Studio Code 코드 조각에 익숙하지 않은 경우이를 사용 하는 방법을 알아보려면 " 부록 B: 코드 조각 사용문서에서 부록을 참조할 수 있습니다 " .If you are not familiar with the Visual Studio Code Snippets, and want to learn how to use them, you can refer to the appendix from this document "Appendix B: Using Code Snippets".


실습Exercises

다음 연습은이 Hands-On 랩을 구성 합니다.The following exercise make up this Hands-On Lab:

  1. Entity Framework 마이그레이션과 함께 ASP.NET MVC 4 스 캐 폴딩 사용Using ASP.NET MVC 4 Scaffolding with Entity Framework Migrations

Note

이 연습에서는 연습을 완료 한 후에 얻은 결과 솔루션을 포함 하는 폴더를 함께 제공 합니다.This exercise is accompanied by an End folder containing the resulting solution you should obtain after completing the exercise. 연습을 진행 하는 데 도움이 필요한 경우이 솔루션을 가이드로 사용할 수 있습니다.You can use this solution as a guide if you need additional help working through the exercise.

이 랩을 완료 하는 데 소요 되는 예상 시간: 30 분Estimated time to complete this lab: 30 minutes

연습 1: Entity Framework 마이그레이션과 함께 ASP.NET MVC 4 스 캐 폴딩 사용Exercise 1: Using ASP.NET MVC 4 Scaffolding with Entity Framework Migrations

ASP.NET MVC 스 캐 폴딩은 응용 프로그램이 데이터베이스 계층과 상호 작용할 수 있도록 하는 필수 논리를 만드는 표준화 된 방법으로 CRUD 작업을 생성 하는 빠른 방법을 제공 합니다.ASP.NET MVC scaffolding provides a quick way to generate the CRUD operations in a standardized way, creating the necessary logic that lets your application interact with the database layer.

이 연습에서는 code first로 ASP.NET MVC 4 스 캐 폴딩을 사용 하 여 CRUD 메서드를 만드는 방법에 대해 알아봅니다.In this exercise, you will learn how to use ASP.NET MVC 4 scaffolding with code first to create the CRUD methods. 그런 다음 Entity Framework 마이그레이션을 사용 하 여 데이터베이스에서 변경 내용을 적용 하는 모델을 업데이트 하는 방법을 알아봅니다.Then, you will learn how to update your model applying the changes in the database by using Entity Framework Migrations.

작업 1-스 캐 폴딩을 사용 하 여 새 ASP.NET MVC 4 프로젝트 만들기Task 1- Creating a new ASP.NET MVC 4 project using Scaffolding

  1. 아직 열려 있지 않은 경우 Visual Studio 2012 를 시작 합니다.If not already open, start Visual Studio 2012.

  2. 파일 선택 | 새 프로젝트 입니다.Select File | New Project. 새 프로젝트 대화 상자의 Visual c #에서 웹 섹션에서 ASP.NET MVC 4 웹 응용 프로그램 을 선택 합니다.In the New Project dialog, under the Visual C# | Web section, select ASP.NET MVC 4 Web Application. 프로젝트 이름을 MVC4andEFMigrations 로 설정 하 고이 랩의 위치를 Source\Ex1-UsingMVC4ScaffoldingEFMigrations 폴더로 설정 합니다.Name the project to MVC4andEFMigrations and set the location to Source\Ex1-UsingMVC4ScaffoldingEFMigrations folder of this lab. 솔루션 이름을 시작 으로 설정 하 고 솔루션용 디렉터리 만들기 가 선택 되어 있는지 확인 합니다.Set the Solution name to Begin and ensure Create directory for solution is checked. 확인 을 클릭합니다.Click OK.

    New ASP.NET MVC 4 프로젝트 대화 상자New ASP.NET MVC 4 Project Dialog Box

    New ASP.NET MVC 4 프로젝트 대화 상자New ASP.NET MVC 4 Project Dialog Box

  3. 새 ASP.NET MVC 4 프로젝트 대화 상자에서 인터넷 응용 프로그램 템플릿을 선택 하 고 Razor 가 선택한 뷰 엔진 인지 확인 합니다.In the New ASP.NET MVC 4 Project dialog box select the Internet Application template, and make sure that Razor is the selected View engine. 확인 을 클릭하여 프로젝트를 만듭니다.Click OK to create the project.

    새 ASP.NET MVC 4 인터넷 응용 프로그램New ASP.NET MVC 4 Internet Application

    새 ASP.NET MVC 4 인터넷 응용 프로그램New ASP.NET MVC 4 Internet Application

  4. 솔루션 탐색기에서 모델 을 마우스 오른쪽 단추로 클릭 하 고 추가 |를 선택 합니다. POCO (simple class person)를 만드는 클래스입니다.In the Solution Explorer, right-click Models and select Add | Class to create a simple class person (POCO). 이름을 Person 으로 만들고 확인 을 클릭 합니다.Name it Person and click OK.

  5. Person 클래스를 열고 다음 속성을 삽입 합니다.Open the Person class and insert the following properties.

    (코드 조각- ASP.NET MVC 4 및 Entity Framework 마이그레이션-Ex1 Person 속성)(Code Snippet - ASP.NET MVC 4 and Entity Framework Migrations - Ex1 Person Properties)

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    
    namespace MVC4EF.Models
    {
        public class Person
        {
            public int PersonID { get; set; }
    
            public string FirstName { get; set; }
    
            public string LastName { get; set; }        
        }
    }
    
  6. 빌드를 클릭 합니다. **** 변경 내용을 저장 하 고 프로젝트를 빌드하기 위한 솔루션을 빌드합니다.Click Build | Build Solution to save the changes and build the project.

    응용 프로그램 빌드Building the application

    애플리케이션 빌드Building the Application

  7. 솔루션 탐색기에서 controllers 폴더를 마우스 오른쪽 단추로 클릭 하 고 추가 |를 선택 합니다. 컨트롤러.In the Solution Explorer, right-click the controllers folder and select Add | Controller.

  8. 컨트롤러 이름을 PersonController 하 고 다음 값을 사용 하 여 스 캐 폴딩 옵션 을 완료 합니다.Name the controller PersonController and complete the Scaffolding options with the following values.

    1. 템플릿 드롭다운 목록에서 Entity Framework 옵션을 사용 하 여 읽기/쓰기 동작 및 뷰가 포함 된 MVC 컨트롤러 를 선택 합니다.In the Template drop-down list, select the MVC controller with read/write actions and views, using Entity Framework option.

    2. 모델 클래스 드롭다운 목록에서 Person 클래스를 선택 합니다.In the Model class drop-down list, select the Person class.

    3. 데이터 컨텍스트 클래스 목록에서 < 새 데이터 컨텍스트 >...를 선택 합니다.In the Data Context class list, select <New data context...>. 이름을 선택 하 고 확인 을 클릭 합니다.Choose any name and click OK.

    4. 보기 드롭다운 목록에서 Razor 가 선택 되어 있는지 확인 합니다.In the Views drop-down list, make sure that Razor is selected.

      스 캐 폴딩을 사용 하 여 사용자 컨트롤러 추가Adding the Person controller with scaffolding

      스 캐 폴딩을 사용 하 여 사용자 컨트롤러 추가Adding the Person controller with scaffolding

  9. 추가 를 클릭 하 여 스 캐 폴딩이 있는 사용자에 대 한 새 컨트롤러를 만듭니다.Click Add to create the new controller for Person with scaffolding. 이제 컨트롤러 작업 및 뷰를 생성 했습니다.You have now generated the controller actions as well as the views.

    스 캐 폴딩이 있는 Person 컨트롤러를 만든 후After creating the Person controller with scaffolding

    스 캐 폴딩이 있는 Person 컨트롤러를 만든 후After creating the Person controller with scaffolding

  10. PersonController 클래스를 엽니다.Open PersonController class. 전체 CRUD 작업 메서드가 자동으로 생성 되었는지 확인 합니다.Notice that the full CRUD action methods have been generated automatically.

Person 컨트롤러 내부Inside the Person controller

Person 컨트롤러 내부Inside the Person controller

작업 2-응용 프로그램 실행Task 2- Running the application

이제 데이터베이스가 아직 만들어지지 않았습니다.At this point, the database is not yet created. 이 작업에서는 응용 프로그램을 처음 실행 하 고 CRUD 작업을 테스트 합니다.In this task, you will run the application for the first time and test the CRUD operations. 데이터베이스가 Code First 즉시 생성 됩니다.The database will be created on the fly with Code First.

  1. F5 키를 눌러 애플리케이션을 실행합니다.Press F5 to run the application.

  2. 브라우저에서 URL에 /사용자 를 추가 하 여 사용자 페이지를 엽니다.In the browser, add /Person to the URL to open the Person page.

    응용 프로그램 먼저 실행Application first run

    응용 프로그램: 첫 번째 실행Application: first run

  3. 이제 사용자 페이지를 탐색 하 고 CRUD 작업을 테스트 합니다.You will now explore the Person pages and test the CRUD operations.

    1. 새 사용자를 추가 하려면 새로 만들기 를 클릭 합니다.Click Create New to add a new person. 이름 및 성을 입력 하 고 만들기 를 클릭 합니다.Enter a first name and a last name and click Create.

      새 사용자 추가Adding a new person

      새 사용자 추가Adding a new person

    2. 사용자의 목록에서 항목을 삭제, 편집 또는 추가할 수 있습니다.In the person's list, you can delete, edit or add items.

      사용자 목록person list

      사용자 목록Person list

    3. 세부 정보를 클릭 하 여 사용자의 세부 정보를 엽니다.Click Details to open the person's details.

      사용자의 세부 정보Person's details

      사용자의 세부 정보Person's details

  4. 브라우저를 닫고 Visual Studio로 돌아갑니다.Close the browser and return to Visual Studio. 코드를 한 줄도 작성 하지 않고도 모델에서 뷰로 보기에 이르기까지 응용 프로그램 전체에서 person 엔터티에 대 한 전체 CRUD를 만들었습니다.Notice that you have created the whole CRUD for the person entity throughout your application -from the model to the views- without having to write a single line of code!

작업 3-Entity Framework 마이그레이션을 사용 하 여 데이터베이스 업데이트Task 3- Updating the database using Entity Framework Migrations

이 태스크에서는 Entity Framework 마이그레이션을 사용 하 여 데이터베이스를 업데이트 합니다.In this task you will update the database using Entity Framework Migrations. Entity Framework 마이그레이션 기능을 사용 하 여 모델을 변경 하 고 데이터베이스의 변경 내용을 반영 하는 것이 얼마나 쉬운지 알게 됩니다.You will discover how easy it is to change the model and reflect the changes in your databases by using the Entity Framework Migrations feature.

  1. 패키지 관리자 콘솔을 엽니다.Open the Package Manager Console. 도구 > NuGet 패키지 관리자 > 패키지 관리자 콘솔 을 선택합니다.Select Tools > NuGet Package Manager > Package Manager Console.

  2. 패키지 관리자 콘솔에서 다음 명령을 입력합니다.In the Package Manager Console, enter the following command:

    PMCPMC

    Enable-Migrations -ContextTypeName [ContextClassName]
    

    마이그레이션을 사용하도록 설정Enabling Migrations

    마이그레이션 사용Enabling migrations

    Enable-Migration 명령은 데이터베이스를 초기화 하는 스크립트를 포함 하는 마이그레이션 폴더를 만듭니다.The Enable-Migration command creates the Migrations folder, which contains a script to initialize the database.

    마이그레이션 폴더Migrations folder

    마이그레이션 폴더Migrations folder

  3. 마이그레이션 폴더에서 Configuration.cs 파일을 엽니다.Open the Configuration.cs file in the Migrations folder. 클래스 생성자를 찾아 AutomaticMigrationsEnabled 값을 true 로 변경 합니다.Locate the class constructor and change the AutomaticMigrationsEnabled value to true.

    public Configuration()
    {
        AutomaticMigrationsEnabled = true;
    }
    
  4. Person 클래스를 열고 사용자의 중간 이름에 대 한 특성을 추가 합니다.Open the Person class and add an attribute for the person's middle name. 이 새로운 특성을 사용 하 여 모델을 변경 합니다.With this new attribute, you are changing the model.

    public class Person
    {
        public int PersonID { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string MiddleName { get; set; }
    }
    
  5. 빌드 선택 | 응용 프로그램을 빌드하기 위해 메뉴에 솔루션을 빌드합니다.Select Build | Build Solution on the menu to build the application.

    응용 프로그램 빌드Building the application

    응용 프로그램 빌드Building the application

  6. 패키지 관리자 콘솔에서 다음 명령을 입력합니다.In the Package Manager Console, enter the following command:

    PMCPMC

    Add-Migration AddMiddleName
    

    이 명령은 데이터 개체의 변경 내용을 찾은 다음 데이터베이스를 적절 하 게 수정 하는 데 필요한 명령을 추가 합니다.This command will look for changes in the data objects, and then, it will add the necessary commands to modify the database accordingly.

    중간 이름 추가Adding a middle name

    중간 이름 추가Adding a middle name

  7. 필드 다음 명령을 실행 하 여 차등 업데이트를 사용 하는 SQL 스크립트를 생성할 수 있습니다.(Optional) You can run the following command to generate a SQL script with the differential update. 이렇게 하면 데이터베이스를 수동으로 업데이트 (이 경우 반드시 필요 하지는 않음) 하거나 다른 데이터베이스의 변경 내용을 적용할 수 있습니다.This will let you update the database manually (In this case it's not necessary), or apply the changes in other databases:

    PMCPMC

    Update-Database -Script -SourceMigration:
    
    $InitialDatabase
    

    SQL 스크립트 생성Generating a SQL script

    SQL 스크립트 생성Generating a SQL script

    SQL 스크립트 업데이트SQL Script update

    SQL 스크립트 업데이트SQL Script update

  8. 패키지 관리자 콘솔에서 다음 명령을 입력 하 여 데이터베이스를 업데이트 합니다.In the Package Manager Console, enter the following command to update the database:

    PMCPMC

    Update-Database -Verbose
    

    데이터베이스 업데이트Updating the Database

    데이터베이스 업데이트Updating the Database

    Person 테이블의 MiddleName 열이 Person 클래스의 현재 정의와 일치 하도록 추가 됩니다.This will add the MiddleName column in the People table to match the current definition of the Person class.

  9. 데이터베이스가 업데이트 되 면 컨트롤러 폴더를 마우스 오른쪽 단추로 클릭 하 고 추가 |를 선택 합니다. **** 사용자 컨트롤러를 다시 추가 하는 컨트롤러입니다 (동일한 값으로 완료).Once the database is updated, right-click the Controller folder and select Add | Controller to add the Person controller again (Complete with the same values). 새 특성을 추가 하는 기존 메서드와 뷰가 업데이트 됩니다.This will update the existing methods and views adding the new attribute.

    컨트롤러 업데이트 추가Adding a controller update

    컨트롤러 업데이트Updating the controller

  10. 추가 를 클릭합니다.Click Add. 그런 다음 값 덮어쓰기 PersonController.cs연결 된 보기 덮어쓰기 를 선택 하 고 확인 을 클릭 합니다.Then, select the values Overwrite PersonController.cs and the Overwrite associated views and click OK.

컨트롤러 덮어쓰기 추가

컨트롤러 업데이트Updating the controller

Task4-응용 프로그램 실행Task4- Running the application

  1. F5 키를 눌러 애플리케이션을 실행합니다.Press F5 to run the application.

  2. /사용자 를 엽니다.Open /Person. 중간 이름 열이 추가 된 동안 데이터가 보존 된 것을 확인할 수 있습니다.Notice that the data was preserved, while the middle name column was added.

    중간 이름이 추가 됨Middle Name added

    중간 이름이 추가 됨Middle Name added

  3. 편집 을 클릭 하면 현재 사용자에 게 중간 이름을 추가할 수 있습니다.If you click Edit, you will be able to add a middle name to the current person.

    중간 이름 버전Middle Name edition


요약Summary

이 Hands-On 랩에서는 모델 클래스를 사용 하 여 ASP.NET MVC 4 스 캐 폴딩으로 CRUD 작업을 만드는 간단한 단계를 배웠습니다.In this Hands-On lab, you have learned simple steps to create CRUD operations with ASP.NET MVC 4 Scaffolding using any model class. 그런 다음 Entity Framework 마이그레이션을 사용 하 여 데이터베이스에서 뷰로 응용 프로그램의 종단 간 업데이트를 수행 하는 방법을 알아보았습니다.Then, you have learned how to perform an end to end update in your application -from the database to the views- by using Entity Framework Migrations.

부록 A: 웹에 대 한 Visual Studio Express 2012 설치Appendix A: Installing Visual Studio Express 2012 for Web

Microsoft 웹 플랫폼 설치 관리자를 사용 하 여 웹 또는 다른 Express 버전 에 Microsoft Visual Studio Express 2012 를 설치할 수 있습니다 " " . You can install Microsoft Visual Studio Express 2012 for Web or another "Express" version using the Microsoft Web Platform Installer. 다음 지침에서는 Microsoft 웹 플랫폼 설치 관리자 를 사용 하 여 Visual studio Express 2012 for Web 을 설치 하는 데 필요한 단계를 안내 합니다.The following instructions guide you through the steps required to install Visual studio Express 2012 for Web using Microsoft Web Platform Installer.

  1. https://go.microsoft.com/?linkid=9810169으로 이동합니다.Go to https://go.microsoft.com/?linkid=9810169. 또는 웹 플랫폼 설치 관리자를 이미 설치한 경우에는 웹 플랫폼 설치 관리자를 열고 " MICROSOFT Azure SDK를 사용 하 여 웹 용 2012 제품 Visual Studio Express을 검색할 수 있습니다 " .Alternatively, if you already have installed Web Platform Installer, you can open it and search for the product "Visual Studio Express 2012 for Web with Windows Azure SDK".

  2. 지금 설치 를 클릭 합니다.Click on Install Now. 웹 플랫폼 설치 관리자 가 없으면 먼저이를 다운로드 하 여 설치 하도록 리디렉션됩니다.If you do not have Web Platform Installer you will be redirected to download and install it first.

  3. 웹 플랫폼 설치 관리자 가 열리면 설치 를 클릭 하 여 설치를 시작 합니다.Once Web Platform Installer is open, click Install to start the setup.

    Visual Studio Express 설치Install Visual Studio Express

    Visual Studio Express 설치Install Visual Studio Express

  4. 모든 제품의 라이선스 및 사용 조건을 읽고 동의 함을 클릭 하 여 계속 합니다.Read all the products' licenses and terms and click I Accept to continue.

    사용 조건 동의

    사용 조건 동의Accepting the license terms

  5. 다운로드 및 설치 프로세스가 완료 될 때까지 기다립니다.Wait until the downloading and installation process completes.

    설치 진행률

    설치 진행률Installation progress

  6. 설치가 완료 되 면 마침 을 클릭 합니다.When the installation completes, click Finish.

    설치 완료

    설치 완료Installation completed

  7. 끝내기 를 클릭 하 여 웹 플랫폼 설치 관리자를 닫습니다.Click Exit to close Web Platform Installer.

  8. 웹에 대 한 Visual Studio Express를 열려면 시작 화면으로 이동 하 여 " VS Express 작성 " 을 시작한 다음 VS Express for Web 타일을 클릭 합니다.To open Visual Studio Express for Web, go to the Start screen and start writing "VS Express", then click on the VS Express for Web tile.

    VS Express for Web 타일

    VS Express for Web 타일VS Express for Web tile

부록 B: 코드 조각 사용Appendix B: Using Code Snippets

코드 조각을 사용 하면 필요한 모든 코드를 편리 하 게 사용할 수 있습니다.With code snippets, you have all the code you need at your fingertips. 랩 문서는 다음 그림에 표시 된 것 처럼 사용자가 사용할 수 있는 경우를 정확 하 게 알려줍니다.The lab document will tell you exactly when you can use them, as shown in the following figure.

Visual Studio 코드 조각을 사용 하 여 프로젝트에 코드 삽입Using Visual Studio code snippets to insert code into your project

Visual Studio 코드 조각을 사용 하 여 프로젝트에 코드 삽입Using Visual Studio code snippets to insert code into your project

*키보드를 사용 하 여 코드 조각을 추가 하려면 (c #만 해당) _*To add a code snippet using the keyboard (C# only) _

  1. 코드를 삽입할 위치에 커서를 놓습니다.Place the cursor where you would like to insert the code.
  2. 조각 이름 (공백 또는 하이픈 제외)을 입력 하기 시작 합니다.Start typing the snippet name (without spaces or hyphens).
  3. IntelliSense는 일치 하는 코드 조각의 이름을 표시 합니다.Watch as IntelliSense displays matching snippets' names.
  4. 올바른 코드 조각을 선택 하거나 전체 코드 조각 이름이 선택 될 때까지 계속 입력 합니다.Select the correct snippet (or keep typing until the entire snippet's name is selected).
  5. Tab 키를 두 번 눌러 커서 위치에 코드 조각을 삽입 합니다.Press the Tab key twice to insert the snippet at the cursor location.

코드 조각 이름 입력 시작Start typing the snippet name

코드 조각 이름을 입력 하 _Start *_Start typing the snippet name*

Tab 키를 눌러 강조 표시 된 코드 조각을 선택 합니다.Press Tab to select the highlighted snippet

Tab 키를 눌러 강조 표시 된 코드 조각을 선택 합니다.Press Tab to select the highlighted snippet

Tab 키를 다시 누르면 코드 조각이 확장 됩니다.Press Tab again and the snippet will expand

Tab 키를 다시 누르면 코드 조각이 확장 됩니다.Press Tab again and the snippet will expand

*마우스 (c #, Visual Basic 및 XML)를 사용 하 여 코드 조각을 추가 하려면 _ 1을 사용 합니다.*To add a code snippet using the mouse (C#, Visual Basic and XML) _ 1. 코드 조각을 삽입 하려는 위치를 마우스 오른쪽 단추로 클릭 합니다.Right-click where you want to insert the code snippet.

  1. _ 코드 조각 삽입* 다음에 내 코드 조각을 선택 합니다.Select _ Insert Snippet* followed by My Code Snippets.
  2. 목록에서 관련 코드 조각을 클릭 하 여 선택 합니다.Pick the relevant snippet from the list, by clicking on it.

코드 조각을 삽입할 위치를 마우스 오른쪽 단추로 클릭 하 고 코드 조각 삽입을 선택 합니다.Right-click where you want to insert the code snippet and select Insert Snippet

코드 조각을 삽입할 위치를 마우스 오른쪽 단추로 클릭 하 고 코드 조각 삽입을 선택 합니다.Right-click where you want to insert the code snippet and select Insert Snippet

목록에서 관련 코드 조각을 클릭 하 여 선택 합니다.Pick the relevant snippet from the list, by clicking on it

목록에서 관련 코드 조각을 클릭 하 여 선택 합니다.Pick the relevant snippet from the list, by clicking on it