반응형
저번주에 자바 개발자 컨퍼런스에 다녀와서 느낀점은
개발환경에 밀접한 관계로 떼어놓기 힘든 자바스크립트의 활용에 대한 점이었다.
솔직히 한국에서 개발하면서 크로스 브라우징에 대한 부분은 비중있게 생각하지 않는게 현실이다.

 일부 대형 사이트 같은 경우는 웹표준을 따라서 크로스브라우징에 상당히 대처되어 있으나 대부분의 사이트는 작동되지 않는 것이 현실이다. 그래서 본인도 그런 노력을 해보고자 자바스크립트 라이브러리에 다가가고자 한다.

시작은 이렇게 남의 블로그에서 퍼다 나름으로서 하고 있지만
곧 나도 이들 사이에서 무언가 할 수 있을지 모른다는 생각을 갖고 발을 딛어보고자 한다.

 원본 출처 http://xinublog.com



jQuery: The Write Less, Do More JavaScript Library

Beginning

jQuery는 새로운 형태의 JavaScript library이다. (흔히, prototype과 비교한다. 요즘 대세는 protype에서 jQuery로 가는 것 같다.)

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

from http://jquery.com/

John Resig씨가 JavaScript를 어떻게 하면 단순하게 이용하게 할까 해서 만든 것이라고 한다.


Tutorials

몇가지 언어로된 Tutorials를 제공하는데, 아쉽게도 Korean Edition은 없다.

http://docs.jquery.com/Tutorials : 여기는 공식 사이트에서 제공하는 Tutorials이다.

http://jquery.bassistance.de/jquery-getting-started.html : 여기는 서핑하다가 찾은 자료인데, Example이 좀 더 낫다.

Query로 Ajax 개발을 단순화 하기 (한글) : 한국 IBM DeveloperWorks에서 Jesse Skinner씨의 글을 번역한 글이다.

jQuery Cheat Sheet이다.(from http://colorcharge.com/)
사용자 삽입 이미지


jQuery를 다루는 Blogger들

  1. JQuery를 이용한 겸손한 탭 메뉴 : Tab UI를 jQuery를 구현하는 걸 다루고 있습니다.

  2. [jQuery] jQuery 간단한 소개 및 prototype, yui와 간단 비교 : jQuery와 prototype를 간단히 비교한 글입니다.

  3. JQuery Core : 자주쓰는 jQuery의 10여가지 특징 및 기능을 간단히 설명한 글입니다.
  4. 송치형의 InnoLab - jQuery - New Wave Javascript : Prototype/Scriptaculous,  jQuery, YUI, Dojo, GWT에 대해서 각각의 특징과 설명을 한 글입니다. 한번 쯤 읽어보길 추천합니다.

기타

jQuery UI Project

jQuery UI는 Mouse Interaction과 간단한 UI로 Accordion, Datepicker, Dialog, Slider, Tabs을 제공하는데, UI는 쓸만해보이진 않는다. 다른 화려한 UI때문일지도 모르겠다.

jQuery UI Homepage(현재 비공식 오픈)

http://docs.jquery.com/UI(현재 공식 사이트)


맺 으면서, jQuery는 그 자체로는 매력이 떨어질 수 있으나, 그렇더라도 코드를 정말 단순히 줄여준다. jQuery만으로도 사용할만하다. extjs나 YUI가 jQuery로 내부적으로 사용한다고 하니 몰라도 사용할 수 있을지 모르겠다.

이제 prototype과 jQuery 같은 library를 사용하지 않고, JavaScript를 코딩한다는 것은 상상하기 어려운 것 같다.
Posted by 1010