자바스크립트 라이브러리


JavaScript 라이브러리 - jQuery, Prototype, MooTools.

JavaScript 프레임워크(라이브러리)

JavaScript의 고급 프로그래밍(특히 브라우저 차이의 복잡한 처리)은 어렵고 시간이 많이 걸리는 경우가 많습니다.

이러한 조정에 대처하기 위해 많은 JavaScript(도우미) 라이브러리가 탄생했습니다.

이러한 JavaScript 라이브러리를 JavaScript 프레임워크라고도 합니다.

이 튜토리얼에서는 몇 가지 인기 있는 JavaScript 프레임워크에 대해 알아봅니다.

  • jQuery

  • Prototype

  • MooTools

이 모든 프레임워크는 애니메이션, DOM 조작 및 아약스 처리.

이 튜토리얼에서는 이를 사용하여 JavaScript 프로그래밍을 더 쉽고 안전하며 재미있게 만드는 방법을 배웁니다.

jQuery

jQuery는 현재 가장 인기 있는 JavaScript 프레임워크입니다.

CSS 선택기를 사용하여 웹 페이지의 HTML 요소(DOM 개체)에 액세스하고 조작합니다.

jQuery는 컴패니언 UI(사용자 인터페이스)와 플러그인을 모두 제공합니다.

많은 대기업이 웹사이트에서 jQuery를 사용합니다.

  • Google

  • Microsoft

  • IBM

  • Netflix

jQuery를 더 자세히 알아보려면 jQuery 튜토리얼을 방문하세요.

Prototype

Prototype은 일반적인 웹 작업을 수행하기 위한 간단한 API를 제공하는 라이브러리입니다.

API는 Application Programing Interface의 약어입니다. HTML DOM을 조작하기 위한 속성과 메서드의 라이브러리입니다.

Prototype은 클래스와 상속을 제공하여 JavaScript를 향상시킵니다.

MooTools

MooTools는 일반적인 JavaScript 프로그래밍을 더 쉽게 만드는 API를 제공하는 프레임워크이기도 합니다.

MooTools에는 가벼운 효과와 애니메이션 기능도 포함되어 있습니다.

기타 프레임워크

다음은 위에서 다루지 않은 다른 프레임워크입니다.

YUI - Yahoo! 사용자 인터페이스 프레임워크, 간단한 JavaScript 기능부터 완전한 인터넷 위젯까지 다양한 기능을 포괄하는 대규모 라이브러리입니다.

Ext JS - 풍부한 인터넷 애플리케이션 구축을 위한 사용자 정의 가능한 위젯입니다.

Dojo - DOM 조작, 이벤트, 위젯 등을 위한 툴킷입니다.

script.aculo.us - 시각 효과 및 인터페이스 동작을 위한 오픈 소스 JavaScript 프레임워크입니다.

UIZE - 위젯, AJAX, DOM, 템플릿 등.

CDN - 콘텐츠 전달 네트워크

여러분은 항상 웹 페이지가 최대한 빠르기를 원합니다. 페이지 크기는 가능한 한 작게 하고 브라우저는 최대한 많이 캐시하기를 원합니다.

여러 웹사이트가 동일한 JavaScript 프레임워크를 사용하는 경우 각 웹페이지의 공통 위치에 프레임워크 라이브러리를 배치하여 공유하는 것이 좋습니다.

CDN(Content Delivery Network)이 이 문제를 해결합니다. CDN은 공유 가능한 코드 베이스를 포함하는 서버 네트워크입니다.

Google은 다음을 포함한 다양한 JavaScript 라이브러리에 대한 무료 CDN을 제공합니다.

  • Prototype

  • MooTools

  • Dojo

  • YUI!

  • 하지만 Google 덕분에 중국에서는 GFW(Great Firewall of China, 약칭 Great Firewall, 약칭 GFW)에 의해 차단되는 경우가 많아 불안정한 접속을 유발하므로 Baidu 정적 리소스 공용 라이브러리(

    http://cdn)를 사용하는 것이 좋습니다. code.baidu.com/
    • .

웹 페이지에서 JavaScript 프레임워크 라이브러리를 사용하려면 <script> 태그에서 라이브러리를 참조하세요.

Quote jQuery

<script src="http://apps.bdimg.com/libs/ jquery/2.1.1/jquery.min.js">
</script>


프레임워크 사용

웹페이지에 JavaScript 프레임워크를 사용하기로 결정하기 전에 먼저 프레임워크를 테스트하는 것이 좋습니다. 의.

JavaScript 프레임워크는 테스트하기 쉽습니다. 컴퓨터에 설치할 필요가 없으며 설치 프로그램도 없습니다.

일반적으로 웹페이지에서 라이브러리 파일만 참조하면 됩니다.

이 튜토리얼의 다음 장에서는 jQuery 테스트 프로세스에 대한 완전한 설명을 제공합니다.

→