본문 바로가기

AREA 1/jQeury

JQuery란?

- JQuery란?

  • 2006년 초에 개발된 자바스트립트 라이브러리 
  • 자바스크립트 프로그래밍을 쉽게 개발하기 위해 만들어졌음.
  • dom에 query를 날려서 필요한 노드들 찾아낸 다음, 거기에 어떤 작업을 수행한다는 컨셉으로 개발됨.
  • 예를들어, $("#dialog").show() 하면, 'id가 "dialog"인 노드를 찾아 보여준다'는 뜻.

- 장점 및 특징

  • CSS1~3 및 기본적인 XPath 지원하여 HTML DOM객체 참조를 쉽게 할 수 있다
  • jquery.js가 19kb의 작은 크기 (비교 : pototype은 46kb, dojo.js는 40kb)
  • 모든 브라우저에서 사용 가능(Internet Explorer, Firefox, Safari, Opera 모두에서 작동)
  • 플러그인 방식으로 확장을 지원(많은 플로그인들을 존재하고 필요한 플러그인들만 다운받아 사용)
  • Prototype 등과 같이 다른 JavaScript 라이브러리와 함께 사용가능

- 단점 및 느낀점

  • 플러그인들이 너무 방대하여 보기 어렵다.
  • demo에 대한 showcase들을 다운받을 수 없는 것들도 많이 있다.

- 홈페이지(http://jquery.com/)

 

jQuery를 모르시는 분이 있다면 추천해 주고 싶네요~

특히 RIA 페이지 개발을 할때 jQuery는 필수라고 해도 과언이 아닙니다.

Ajax기능을 처음부터 쌩으로 코딩해서 구현한걸 jQuery의 힘을 빌어 다시 코딩해보니...

몇백줄의 코드가 몇십줄로 줄고 jQuery를 사용함으로서 크로스 브라우저를 특별하게 신경쓰지 않아도 되니 제가 느낀 개발편의성은 기대 이상이였고요...

 

여러가지 확장된 플러그인들이 제공되고 계속해서 추가되고 있어 특정기능을 구현할때 플러그인을 찾아서 가져다 쓰기만해도 되는데 사실... 위에서 단점으로 "플러그인들이 너무 방대하여 보기 어렵다."라는 말은 장점이라고도 볼수 있습니다. ㅎㅎ

 

이번장에서는 간단하게 소개만 할께요~.

뭐 요즘 개발자분들은 jquery는 다 알고 계실것 같네요. 전 맨날 뒷북만 쳐대서 ㅎㅎ

jQuery를 알기전에 관련 IDE를 알면 좋을 것같아서 다음장에서는 자바스크립트 전용 IDE인 Aptana를 소개하고 설치까지 해보겠습니다. 

 

아래는 jQuery와 비슷한 계열에 자바스크립트 라이브러리(프레임웍) 입니다. 많이 있는데 세개만 올려봅니다.

알아두면 좋겠죠~

prototype

http://www.prototypejs.org/

 

Dojo

http://www.dojotoolkit.org/

 

methodchain

http://www.methodchain.com/index.html

methodchain은 Ajax 관련 라이브러리 입니다.

methodchain 개발자가 인터뷰중에 methodchain과 jQuery를 비교해서 jQuery의 단점?을 설명해주는데 참고하세요

댓글을 보면 재밋는 대화가 오고가는군요..ㅎㅎ

http://younghoe.info/1060

 

출처 : http://blog.naver.com/gozjkim