핵심 함수, 선택, 결과 탐색

http://www.ibm.com/developerworks/kr/library/wa-jquery1/index.html

jQuery는 동적 RIA(Rich Internet Application)를 쉽게 만들기 위해 개발자가 고려하는 자바스크립트 라이브러리로 뜨고 있습니다. 브라우저 기반 응용은 데스크톱 응용을 계속해서 대체하고 있기에, 이런 라이브러리는 계속해서 활용 범위가 넓어질 것입니다. jQuery 연재물을 통해 jQuery 관련 지식을 얻고 웹 응용 프로젝트에 활용하는 방법을 익혀봅시다.

도입

jQuery는 웹 개발자를 위한 라이브러리 선택 과정에서 다른 자바스크립트 라이브러리 옵션과 간격을 벌리기 시작했으며, 클라이언트 쪽 개발을 쉽게 도와주며 RIA를 빠르고 효과적으로 만드는 방법을 찾고 있는 프로그래머의 관심을 한몸에 받고 있다. RIA 활용이 점점 더 세상에 널리 퍼짐에 따라, 개발을 돕기 위한 자바스크립트 라이브러리 활용도 함께 늘어날 것이다. RIA는 데스크톱에서 동작하는 응용과 비슷한 효과를 얻기 위해 CSS/자바스크립트/Ajax를 조합해 브라우저를 통해 동작하는 응용으로 (대충) 정의할 수 있다. 파이어폭스, IE, 사파리, 구글이 최근 선보인 새로운 크롬 브라우저에 추가된 최신 기능은 브라우저 내부 자바스크립트 엔진 속력을 높이는 데 초점을 맞추고 있다. 이렇게 하는 가장 중요한 이유는 브라우저 제조사가 우리에게 머지 않은 장래에 등장할 좀 더 매혹적인 RIA 보급을 장려하기 위해서다. 브라우저 회사들은 수만 행에 이르는 자바스크립트 코드를 포함하는 웹 페이지를 마음 속에 그리고 있으며, 시작부터 숙성되고 버그가 없는 라이브러리의 중요성을 강조한다.

따라서 웹 응용의 미래가 사람들을 몰두하게 만드는 풍부한 인터페이스로 이동함에 따라 웹 개발자는 점점 더 이런 작업을 쉽게 도와주는 도구로 방향을 바꾸고 있다. 지금 바로 사용할 수 있는 자바스크립트 라이브러리가 시중에 나와 있으며, 각각은 나름대로 장단점은 물론이고 열성파와 반대파도 있다. 기능 측면에서 우월성을 따지지 않는 이유는 궁극적으로 그다지 중요한 문제가 아니기 때문이다. 궁극적으로 어떤 라이브러리가 양으로 승부를 걸어 인기가 더 많은지를 고려해야 한다. 네 가지 가장 인기 있는 자바스크립트 라이브러리를 구글 트렌드 그래프로 살펴본 모습은 다음과 같다. 과거 6~8개월 동안에 jQuery가 자바스크립트 라이브러리 중에서 가장 인기를 끌고 있으며, 가파르게 성장중이다.


그림 1. 인기있는 자바스크립트 라이브러리를 구글 트렌
드로 추적한 결과



구인 시장에도 자바스크립트 라이브러리로 jQuery가 뜨고 있음을 확인할 수 있다. 경력 관리 네트워크인 Monster.com을 대충 살펴봐도 "jQuery" 관련 일자리가 113개가 나오는 반면에 YUI는 67개, ExtJS는 19개, mootools는 13개만 나온다.

jQuery 연재물 중 첫 번째 기사는 jQuery 문법, 설정 방법, 함수 호출 방법부터 살펴본다. 이 기사 후반부에는 라이브러리에 들어있는 핵심 함수를 탐험하고 DOM 탐색을 쉽고 직관적으로 가능하게 만드는 강력한 선택자와 필터 활용법을 탐험한다. 나중에 나오는 기사에서는 CSS 처리, 폼 제어, 텍스트 변경, Ajax 단순화, (모든 사람의 눈을 즐겁게 만들어주는) 애니메이션을 소개한다. jQuery에서 가장 흥미로운 기능은 플러그인 아키텍처로, 개발자가 jQuery 기능을 추가하도록 도와준다. 마지막 기사에서는 RIA 개발 과정을 완료하기 위해 활용 가능한 강력한 플러그인 몇 가지를 소개한다.

이 연재물은 자바스크립트 문법, CSS 문법, DOM 문법을 미리 알고 있는 독자를 염두에 둔다. 연재물을 읽기 전에 각각에 대한 문법을 다시 한번 기억할 필요가 있다면, 이 기사 참고자료 절에 실어 놓은 W3Schools를 강력하게 추천한다.




jQuery로 작업하기, Part 1: 브라우저로 데스크톱 응용 옮기기

jQuery로 작업하기, Part 1: 매개체로서의 JQuery: 플러그인을 사용하여 jQuery 함수를 작성하고 확장하기

jQuery로 작업하기, Part 2: 내일 나올 웹 응용을 오늘 구현해보자(사건, 속성, CSS)

jQuery로 작업하기, Part 2: 매개체로서의 JQuery: UI 프로젝트

jQuery로 작업하기, 3부: jQuery와 Ajax로 RIA 만들기: JQuery: 내일 나올 웹 응용을 오늘 구현해보자 Effects(모듈과 Ajax)

jQuery UI 라이브러리에서 지금까지 설명한 모든 위젯과 효과를 다운로드할 수 있다.

jQuery UI Demo 페이지에서 실제로 구현된 모든 위젯을 볼 수 있다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/20 15:48 2009/07/20 15:48
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4463

어떻게 에베레스트 산을 올라갔냐고요?
뭐 간단합니다.
한 발, 한 발, 걸어서 올라갔지요.
진정으로 바라는 사람은 이룰 때까지 합니다.
안된다고 좌절하는 것이 아니라, 방법을 달리합니다.
방법을 달리해도 안될 때는 그 원인을 분석합니다.
분석해도 안될 때는 연구합니다.
이쯤되면 운명이 손을 들어주기 시작합니다.

- 1953년 인류 최초로 에베레스트산을 등정한 에드먼드 힐러리경


기우제를 하면 반드시 비가 온다는 인디언 이야기 잘 아시죠?
비가 올 때까지 기우제를 지내기 때문이라는...
다른 사람들이 파다만 금광을 1미터 더 파내려갔더니
금광이 발견되었다는 이야기도 잘 아실겁니다.
큰 꿈을 꾸고, 꿈을 현실화시키기 위해 열정을 쏟고
안되더라도 한 걸음 더 나아가고, 또 한걸음 더 노력한다면,
언젠가는 그런 조그만 노력이 모여 나의 운명을 바꿀만한 힘이 될 수 있습니다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/20 10:31 2009/07/20 10:31
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4462

미인

표정은 내면의 거울입니다.
정신의 깊이에서 표정이 우러나옵니다.
아름다움을 결정짓는 기준이 편견일 수 있고
주관적일 수 있다는 것을 전제한다면,
저는 표정이 아름다운 사람이 아름답습니다.
아무리 미인이라 할지라도 정신의 부족함과
설익음이 반영된 표정을 지닌 사람은
진정한 미인이 아닙니다.


- 정호승의《내 인생에 힘이 되어준 한마디》중에서 -


* 그 사람을
대표하는 것이 얼굴이고
그 얼굴을 대표하는 것이 표정입니다.
표정 중에 가장 아름다운 것이 미소입니다.
뜯어고치고 분을 바른다고 미인이 되는 건 아닙니다.
얼굴 표정이 밝고 늘 미소가 배어있는 사람이
진정으로 아름다운 미인입니다.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/20 10:30 2009/07/20 10:30
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4461

토,일 자유수영 (7.18,19)

토요일은 하루종일 뒹굴거리다 오후 4시쯤 레미안휘트니스로~

거의 한시간정도.

워밍업 자유형 10바퀴

자유형 25m 인터벌 6회

접/자 50m 6회

마무리 자유형 2바퀴

일요일.

왠종일 뒹굴거리다 등촌동 88수영장으로.

입장료 인상. 일인당 6,000원.

구운계란 두개 먹고. 참고로 매점에서 3개 천원에 판매한다.
지구력엔 계란만한게 없지. ㅋㅋ

자유형 5 바퀴

접/자 5 회

마무리 자유형 2 바퀴

주말에 열심히 달렸군.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기

Posted by 홍반장

2009/07/20 09:50 2009/07/20 09:50
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/4460


블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2009/07   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
Statistics Graph

Site Stats

Total hits:
238007
Today:
1124
Yesterday:
1352