티스토리 뷰
어제 Jquery in Action 을 샀다.
| |||||||||||
이 책인데 상당히 평이 좋아서 샀다.
기존의 Mootools 는 원서를 샀는데 mootools.net 에 가면 참조 할 수 있다. 우리나라에 인기가 없는관계로
번역본은 없으니 만약 사고 싶으면 아마존같은데서 구입해야한다. - _ -;;
각설하고 내가 J쿼리를 보게 된 이유는 한가지다. 유저가 몰리는데는 이유가 있다고 판단해서이다.
그만큼 프로그래밍 인터페이스가 훌륭하다는 것으로 판단했고 또 그 예상은 적중했다.
HTML 엘리먼트 그룹을 효과적으로 빠르게 다룰수 있도록 설계되어있었으며 성능또한
나쁘지 않았다. 보는 내내 든 생각은 $() 함수를 지니의 마술램프처럼 만들어놨다는것이었는데 ,
파라메터에 따라 다른동작을 하도록 해놨다.
쉽게 설명하면 $("달려가") 이러면 앞으로 달려가고 $("달려가","뒤쪽")
이러면 저기가서 뒤쪽으로 달려가게도 할 수 있는 식?..
프로그래머 입장으로서 그닥 좋은반응은 아니었지만 함수이름 외우기 귀찮은 사람이나
초보자로써는 환영할 만 할것이라고 생각했다. 한편으로는 나중에 같은 함수인데도 불구하고
어떤 뜻으로 썼는지 정확히 인지하고 있지 않으면 유지보수가 힘들거라는 생각도 들었다.
우선 이 책에서 가장 강조하는 면은 역시 DOM 컨트롤이다. mootools 와 마찬가지로
css3 selector 와 이를 뒷받침 해줄수 있는 자체 JQuery selector 를 지원한다.
css3 selector 가 뭔지 모르는 사람을 위해 간단히 설명을 하면
css2 에서 .className 하면 className 을 class 로 지정한 모든 엘리먼트를 뜻한다.
tagName 하면 특정 태그전체를 뜻하고. 하지만 이것은 정확도가 부족하다.
이를테면 저 엘리먼트 집합 중에서 특정 조건의 녀석들만 뽑아내고 싶은데 그렇게 하려면
Javascript 의 도움을 받아 일일히 반복하면서 찾아내야 했던게 지금까지의 현실이다.
하지만 css3 부터는 attribute 속성의 검색이 가능해진다.
이를 테면 img[src$=gif] 이렇게 하면 이미지 태그중 gif 이미지만 참조하는 태그들의 집합이 불려온다.
Javascript 없이 엘리먼트집합을 얻을수 있는데 이는 파이어폭스 최신버젼이나 오페라에는 구현이 이미 되어있지만
빌어먹을 IE 에는 지원이 아직 안된다고 한다.(이유는 css3 표준권고안이 아직 안나왔기 때문이라고 하네요.)
그래서 이와 비슷한 효과를 낼 수 있도록 J쿼리에서는 css3 selector를 지원하는것이다.
$("input[type=text]") 하면 input 태그중 text 들만 골라내준다. 물론 이 기능은 mootools 나 prototype 도 지원한다.
그닥 놀라운건 아니지만 여기서 끝나는게 아니라 :hover 같은 셀렉터들도 지원을 한다.
오늘은 여기까지 . 내일은 selector 에 대해서 더 자세하게 적겠습니다~
댓글