* 제이쿼리 플러그인이란?
- 제이쿼리 플러그인(plug-in)은 여러 개발자가 드레그 & 드롭, 슬라이드 배너, 툴 팁 기능 등을 구현해 놓은 프로그래밍을 자바스크립트 파이로 제공하는 제이쿼리 라이브러리를 의미함.
- 제이쿼리 플러그인을 내 웹 문서에 가져다 연동시키기만 하면 바로 사용할 수 있음.
- 제이쿼리 플러그인은 사용하고자 하는 기능의 플러그인을 검색하여 다운로드받고 웹 문서에 연동해 선택한 요소에 기능(Method)만 적용하면, 간단한 코드 삽입만으로도 복잡하고 어려운 기능을 쉽게 구현할 수 있음.
- 거의 모든 플러그인에는 예제(Demo) 파일이 포함되어 있어, 이것을 참고하면 누구나 웹 문서에 어렵지 않게 플러그인 기능을 적용할 수 있음.
* UI를 개발할 때 유용한 플러그인
- 검색 사이트에서 제이쿼리 플러그인을 검색해보면 다양한 플러그인이 검색되는데, 이 중에서 UI(User Interface: 사용자 조작 환경)를 개발할 때 유용한 플러그인으로 제이쿼리 UI 플러그인이 있고, 가로 세로 슬라이드 배너를 개발할 때 유용하게 사용할 수 있는 bxSlider 플러그인이 있음.
- 이 밖에도 jQuery Rain(http://www.jqueryrain.com) 또는 HTML DRIVE(http://www.htmldrive.net) 사이트에 방문하면 여러 종류의 플러그인을 미리보기(Demo Preview)와 함께 다운로드 받을 수 있음.
- 사이트를 검색하여 다운로드받은 플러그인 파일을 웹 문서에 연동하고자 할 때는 반드시 플러그인 파일이 제이쿼리 라이브러리 파일보다 아래에 위치해야 함.
- 플러그인 연동 위치
|
<head> 1. 제이쿼리 라이브러라 파일 연동 2. 플러그인 파일 연동 </head> |
- UI(User Interface) 플러그인은 사용자 환경을 개발하는 데 매우 유용한 메서드를 제공하는 플러그인임.
예) 선택한 요소에 마우스로 이동시킬 수 있는 드래그 기능, 요소가 펼쳐졌다가 줄어드는 아코디언 기능, 지정한 요소에 마우스를 올렸을 때 툴 팁(설명 정보 창)을 띄우는 기능 등
- 더 다양한 제이쿼리 UI들은 http://jqueryui.com/ 에서 다운로드받아 사용할 수 있음.
내용 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)
'Programming > jQuery' 카테고리의 다른 글
| 10 jQuery Global Map Plugins (0) | 2018.02.23 |
|---|---|
| swipejs 플러그인 활용하기 (0) | 2017.05.25 |
| Accordion Image 플러그인 활용하기 (0) | 2017.05.25 |
| bxSlider 플러그인 활용하기 (0) | 2017.05.25 |
| 효과 제어 메서드 (0) | 2017.05.24 |
| 효과 및 애니메이션 메서드 (0) | 2017.05.24 |
| 그룹 이벤트 등록 및 삭제하기 (0) | 2017.05.24 |
| 자주 사용되는 기타 이벤트 메서드 (0) | 2017.05.23 |
