메뉴 건너뛰기

XE Guidebook

JQuery 개요
2016.07.29 11:10

01-01 jQuery란?

조회 수 17 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

▣ jQuery란?


jQuery 개념

jQuery는 HTML에 포함되어 있는 클라이언트측 스크립트 언어를 단순화하기 위해 설계된,
웹 브라우저 호환성을 가진 javaScript 함수들로 이루어진 Library이다.
 
jQuery는 “John Resic”에 의해 디자인되어 2006년 뉴욕 바캠프(Barcamp NYC)에서 공식적으로 소개된
자바스크립트 라이브러리로, 여러 자바스크립트 라이브러리들 중 하나로 출발했지만,
오늘날 가장 인기있는 자바스크립트 라이브러리가 되었으며,
웹상에서 플래시를 대체하고, RIA(Rich Internet Application)를 구현해주는 기술로 자리잡게 된다.
 
웹 사이트와 사용자간의 원활한 소통을 위해 사용되었던 자바스크립트가
최근에 Web2.0과 Ajax 기술을 활용한 RIA의 등장으로 인하여
이전보다 복잡하고 늘어난 프로그램 코드와 다양한 웹 브라우저의 등장으로
크로스브라우징이라는 장벽이 웹 개발자에게 큰 스트레스를 안겨 주었는데,
jQuery는 이러한 문제에서 쉽게 벗어 날 수 있는 해법과
웹 개발에 대한 새로운 패러다임(역동적인 인터페이스, 쉬운 프로그래밍)을 제시하게 된 것이다.
 
jQuery를 사용하면 자바스크립트 코드를 최대한 단순하고 간결하게 하여 웹 개발이 가능하며,
동일한 코드의 반복과 복잡하고 많은 코드로 개발되던 기존의 작업에 비해 작업 효율이 월등히 높아지고  
여러 가지 효과나 이벤트를 간단한 함수의 호출만으로 쉽고 빠르게 개발할 수 있도록 도와준다.
 
jQuery가 이처럼 굉장히 빠른 시간에 대중적인 인기를 얻고 사용자가 급격하게 증가한 것은
웹브라우저에 따라 일부 다르게 작동하는 javaScript가 jQuery 라이브러리를 이용하면,
동일하게 작동하도록 크로스브라우징을 구현하였으며,
프로그래밍을 배우기 쉽고 코드를 매우 단순하게 해준 것이 결정적 이유일 것이다.
 
오늘날 웹개발자라면 반드시 익혀야 하는 가장 대중적인 인기를 얻고 있는 프로그래밍 언어...
jQuery! 화이팅!! 
  

jQuery 특징

  jQuery의 철학 : "Write Less, Do More!" 적은 코드로 더 많은 일을!
 
 
- CSS 셀렉터 조작
 
  html 문서의 구조를 명료 하면서도 읽기 쉬운 형태로 표현 및 사용 가능하다.
 
 
- 플러그인 아키텍처
 
  중복되는 기능과 코드가 엉키는 등의 Feature Creep을 피하고 창의적인 산출물의 공유가 가능하며,
  이미 개발된 많은 플러그인을 쉽고 빠르게 이용할 수 있다.
 
 
- 메서드 체인
 
  여러 개의 동작(기능)을 한 줄에 나열하여 임시 변수의 사용을 최소화 하여
  불필요한 코드의 반복을 피할 수 있다.
 
 
- 크로스브라우저
 
  각각의 브라우저에 발생되는 이벤트, 객체 처리방법에 따라 여러 개의 함수
  또는 여러 번의 분기가 없이 jQuery에서 제공하는 함수 또는 문장으로 간단히 해결 할 수 있다.
 
 
- HTML 엘리먼트 선택과 조작이 용이 
 
 
- javaScript 효과 및 에니메이션 구현 용이
 
 
- HTML DOM traversal과 수정
 
 
- AJAX
 
 
- Utilities
 
 
이러한 여러 가지 특징으로 인하여 자바스크립트 라이브러리 중
jQuery는 Prototype, Script.aculo.us, Dojo, Mootools와 같은 자바스크립트 라이브러리에 비해
상대적으로 늦게 등장 했음에도 불구하고 많은 웹 개발자 사이에서 가장 각광을 받는
웹 프로그래밍 언어로 자리잡게 된다. 
 

1-01-1 jQuery home.gif



List of Articles
번호 분류 제목 글쓴이
» JQuery 개요 01-01 jQuery란? file happiziger
62 JQuery 개요 01-02 jQuery 기능 happiziger
61 JQuery 개요 01-03 jQuery 라이브러리의 설치와 사용 file happiziger
60 JQuery 개요 01-04 jQuery 맛보기 예제 file happiziger
59 JQuery Core 02-01 jQuery Core file happiziger
58 JQuery Core 02-02 jQuery()를 이용하여 jQuery object를 생성하는 방법 happiziger
57 JQuery Core 02-03 jQuery 스크립트의 작성 위치와 문서준비이벤트의 사용 happiziger
56 JQuery Core 02-04 jQuery의 단축 표현인 “$” 변경하기 file happiziger
55 Selector 03-01 jQuery Selector 의의와 종류 happiziger
54 Selector 03-02 기본 셀렉터(Basic Selector) file happiziger
53 Selector 03-03 계층 선택자 (Hierarchy selector) file happiziger
52 Selector 03-04 속성 선택자 (Attribute Selector) file happiziger
51 Selector 03-05 기본 필터 선택자 (Basic Filter) file happiziger
50 Selector 03-06 내용 필터 선택자 (Content Filter) file happiziger
49 Selector 03-07 보임 필터 선택자 (Visibility Filter) file happiziger
48 Selector 03-08 자식 요소 필터 선택자 (Child Filter) file happiziger
47 Selector 03-09 폼 선택자 happiziger
46 Traversing 04-01 Traversing(탐색)의 개념 happiziger
45 Traversing 04-02 트리 구조 탐색 (Tree Traversal) file happiziger
44 Traversing 04-03 필터링 (Filtering) file happiziger
Board Pagination Prev 1 2 3 4 Next
/ 4