Pro ASP.NET MVC 3 Framework 3rd Edition (Chapter 20 JQuery) 2.Referencing jQuery 참조 jQuery

Every new MVC Framework project that Visual Studio creates includes the jQuery library files, which can be found in the/Scripts folder. There are a number of jQuery files, and it is important to know what each of them does, as described in Table 20-1.
Visual Studio를 통해 새로 만든 모든 MVC 프레임워크 항목에는 jQuery 라이브러리 파일이 포함되어 있습니다. '/Scripts' 폴더에서 찾을 수 있습니다. 여기는 많은 jQuery 파일들이 있습니다. 각각의 jQuery 파일이 무엇을 할 수 있는지 알아내는 것이 매우 중요합니다.표20-1은 그것들의 작용을 묘사했다.
표20-1.Visual Studio MVC 프레임워크 프로젝트에 포함된 jQuery 파일(jQuery Files Included in a Visual Studio MVC Framework Project)
Library File 라이브러리 파일
설명
jquery-1.5.1.js jquery-1.5.1.min.js
The regular and minimized versions of the core jQuery library.표준 버전, 간소화 버전의 jQuery 핵심 버전 라이브러리
jquery-ui.js jquery-ui.min.js
The regular and minimized versions of the jQuery UI library. See the “Using jQuery UI” section of this chapter for more information. 표준 버전, 간략화 버전의 jQuery UI 버전 라이브러리에서'jQuery UI 사용'섹션을 보면 더 많은 정보를 얻을 수 있습니다.
jquery-unobtrusive-ajax.js jquery-unobtrusive-ajax.min.js
The regular and minimized versions of the library that supports unobtrusive Ajax, described in Chapter 19. 표준 버전, 약식 버전의 Unobtrusive Ajax를 지원하는 버전 라이브러리는 장 19에 언급되었다.
jquery-validate.js jquery-validate.min.js
The regular and minimized versions of the unobtrusive client-side validation feature, described in Chapter 18. 표준 버전, 간소화 버전의 Unobtrusive(비강제) 클라이언트 검증 특성을 지원하는 버전 라이브러리는 장절 18에 언급되었다.
jQuery-1.5.1-vsdoc.js jQuery-validate-vsdoc.js
IntelliSense support for the core and validation libraries. See the “Writing jQuery Code” section of this chapter for details. 핵심, 검증 라이브러리의 스마트 감지 지원,'jQuery 코드 작성'장을 보고 자세한 정보를 얻습니다.
Two versions of each file are available: the regular and minimized versions. The regular versions are human-readable and are useful during development. When we have a problem, we can use the JavaScript debugger in our browser and see what’s going on. They are also useful for simply learning about jQuery and JavaScript in general.
파일마다 두 가지 버전이 있는데 그것이 바로 표준판과 간략판이다.표준 버전은 읽을 수 있습니다. 개발 기간에 매우 유용합니다. 문제가 발생하면 자바스크립트 디버거를 사용하여 브라우저에서 무슨 일이 일어났는지 확인할 수 있습니다.또한 JQuery와 일반 JavaScript를 쉽게 학습할 수 있습니다.
■Tip :There are also a set of files in the ~/Scripts folder whose names start with Microsoft, for example MicrosoftAjax.js. These are from version 2 of the MVC Framework and predate Microsoft fully embracing jQuery in ASP.NET MVC. We don’t discuss these files since they have been superseded and are included in MVC Framework just for compatibility with earlier versions.
■ 알림: "~/Scripts"폴더에도 "Microsoft"로 시작하는 파일 그룹이 있습니다. 예를 들어 "Microsoft Ajax.js".이 파일들은 MVC 프레임워크의 두 번째 버전에서 나온 것으로 마이크로소프트가 초기에 ASP에 포함되었다.net의 jQuery우리는 이미 대체된 이 파일들을 토론하지 않는다. 그들의 존재는 단지 초기 버전을 호환하기 위해서이다.
The minimized files contain the same JavaScript code but processed to reduce the size of the files that the browser has to download. Comments, long variable names, and unnecessary whitespace are all removed. It may not sound like much, but minimized files can be significantly smaller than their regular counterparts.
약식 버전의 파일은 같은 자바스크립트 코드를 포함하지만 브라우저의 다운로드를 편리하게 하기 위해 파일의 크기를 줄였다.주석, 긴 변수 이름 및 일부 공백이 제거됩니다.이것은 듣기에는 그다지 불가능하지만, 최소화 파일은 표준 파일보다 현저히 작아 보인다.
MANAGING J QUERY VERSIONS 관리 jQuery 버전
As we write this, Visual Studio creates MVC Framework projects using jQuery 1.5.1. The MVC Framework is released on a different schedule than jQuery. The current version is 1.6.1, but it will almost certainly have changed again by the time you are reading this book. If you want to update the version of jQuery, simply open the Package Manager console (from the Tools ➤ Library Package Manager menu), and enter the following command: Update-Package jquery
Visual Studio가 만든 MVC 프레임워크 프로젝트는 jQuery 1을 사용합니다.버전 5.1MVC 프레임워크의 게시 계획은 jQuery와 다릅니다.jQuery의 현재 버전은 1.6.1이지만, 이 책을 읽을 때, 거의 바뀌었을 것이다.만약 당신이 jQuery 버전을 업그레이드하고 싶다면 가장 간단한 방법은 Package Manager 컨트롤러를 열고 ("도구 > Library Package Manager"메뉴에서) 다음 명령을 입력하는 것입니다: Update-Package jquery
This will remove your project’s existing jQuery script files and replace them with the latest versions. You will then need to update/Views/Shared/Layout.cshtml so that it references the newly added files, for example changing the following:
프로젝트에 이미 존재하는 jQuery 스크립트 파일을 제거하고 최신 버전으로 대체합니다.이 경우 "/Views/Shared/Layout.cshtml"파일을 업데이트하여 새로 추가된 파일을 참조해야 합니다. 예를 들어 다음과 같이 변경합니다.

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" ...

to this:
다음으로 변경:

<script src="@Url.Content("~/Scripts/jquery-1.6.1.min.js")" ...

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }
We give more details on how to reference the jQuery libraries shortly.
머지않아 우리는 jQuery 라이브러리를 어떻게 인용하는지 더 많은 세부 사항을 제공할 것이다.
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
New ASP.NET MVC 3 projects include by default a reference to the jQuery library in the default layout file, ~/Views/Shared/Layout.cshtml, as shown in Listing 20-3.
새로운 ASP.NET MVC3 프로젝트는 기본적으로 프로젝트의 기본 레이아웃 파일에 있습니다~/Views/Shared/Layout.cshtml에서 jQuery 라이브러리 파일을 참조하여 목록 20-3에 표시되는 것과 같습니다.
목록 20-3.jQuery는Layout.cshtml의 참조(The jQuery Reference in Layout.cshtml)

<!DOCTYPE html> 

<html> 

<head> 

    <title>@ViewBag.Title</title> 

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 

    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"  

        type="text/javascript"></script> 

</head>  

<body> 

    @RenderBody() 

</body> 

</html> 

If we want to use jQuery in a view that does not use the default layout, then we need to make sure to copy the script element to the layout that the view does use, or directly into the view itself.
기본 레이아웃 방식을 사용하지 않는 보기에서 jQuery를 사용하려면 이 스크립트 요소를 이 보기에서 사용하는 레이아웃 파일로 복사하거나 보기 자체로 복사해야 합니다.
■ Tip: For Internet applications, it can make sense to obtain the jQuery library from a content distribution network (CDN). See the “Using a CDN for JavaScript Libraries” sidebar in Chapter 18 for details.
■ 알림: 인터넷 응용 프로그램에서 콘텐츠 분포 네트워크(CDN)에서 jQuery 라이브러리를 얻을 수 있다는 것은 매우 의미가 있다.자세한 내용은 섹션 18에서 "JavaScript 라이브러리용 CDN 사용"막대를 참조하십시오.