'Prototype.js'에 해당되는 글 1건

  1. 2007/04/17 [jQuery] jQuery 간단한 소개 및 prototype, yui와 간단 비교 (12)
우선 jQuery에 대해 간단히 설명을 하자면,
prototype.js같은 javascript framework(혹은 library)종류중 하나인데, XPath 라는 것을 지원한다.
사실 jQuery하면 대표되는것이 XPath인데, 간단하게 설명하면..

$("/html/body//p")

이런거다 ㅎㅎ.

jQueryyui처럼 화려한 기능과, Demo를 제공하지 않는다. 이건 단점일 수 도 있겠지만 장점일 수 도 있다.
이를 다른말로 하면 가볍다라는 말로도 표현 할 수 있기 때문이다.
물런, yui도 원하는 js만 빼서 쓰면 되지만, 너무 많은 js 들이 있고, 어떤게 어떤걸 사용하고 호출하고..@_@; 완전 다단계다 ㅠ,.ㅠ
(물런 필자가 yui를 많이 안써봐서 그렇게 느끼는 걸 수 도 있다)

jQuery의 가벼움은 prototype.js 보다도 가볍다.
정말 딱 뼈다귀만 구현해놓은 Library라고 할 수 있다.
prototype.js처럼 class틱하게 코딩도 가능하다.

필자는 처음에
그럼 yui처럼 구현할려면 삽질해야 겠네..
라고 걱정했다. 하지만 이 걱정은 곧 접어야 했다. 왜냐면 수많은 Plugin들이 존재하고 자신이 필요로 하는 Plugin만 다운받아 적용하면 되기 때문이다.

jQuery의 Plugin이 많은 이유를 추측해보자면..
간단하고 직관적인 구성때문에, jQuery는 쉽게 사용할 수 있다.
그렇다 보니..당연히 많은 사람들이 사용하게 될 것 이고..
그럼 결국 필요에 의해 여러 종류의 Plugin들이 나오게 된것이 아닐까..?

그리고 기본적으로 jQuery 는 Compression 되어서 나오기 때문에, 더욱더 용량이 줄어든다.
prototype.js : 66,529 byte
jQuery.js : 20,975 byte

용량 jQuery의 압승~
하지만 prototype.js 은 Compression 을 안했기 때문에 불공정한 시합이었다.
그래서 prototype.js도 Compression 하고 난 후 용량을 비교해 보았다.
결과는 역시나 jQuery의 승리였다.
prototype.js : 27634 byte
jQuery.js : 20975 byte


jQuery의 단점은 수많은 Plugin들 중에 자신이 원하는것을 찾는다는게 쉽지 않다는 것정도..?
검색해보고 쓸만한거 직접 써보고, 아니면 다시 찾아보는 검증(?)작업, 일명 삽질을 해야 한다.
하지만 이것도 유익한 삽질이다.
이런식으로 여러 Plugin들에 대해 알아놓으면, 훗날 Plugin을 찾을때 좀 더 쉽게 찾을 수 있지 않은가?



총 정리를 하자면.
  1. prototype.js 의 가벼움 보다 더욱 가볍다.
  2. yui는 그 자체에서 골라내서 사용할 수 있고, jQuery는 뼈대만 가지고 살(Plugin)은 알아서 붙이는 형태.
  3. XPath 라는 Selector가 재밌다.
  4. 거기다 수많은 Plugin이 존재한다.
  5. 물런 원하는 Plugin을 찾기 위해선 노가다를 좀 해야 한다.
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by Johan Kim hiphapis

TRACKBACK http://hiphapis.net/trackback/37 관련글 쓰기

댓글을 달아 주세요

  1. 많은 개발자 분들이 jQuery를 좋아하시는 것 같네요. 하지만 저는 자바스크립트 답지 않은 사용법–특징에서 거부감이 들었습니다. 저는 자바스크립트 다우면서도 최소한으로 가벼운 MooTools를 선호합니다.

    2007/04/17 18:52 [ ADDR : EDIT/ DEL : REPLY ]
  2. 뭐야 -_- 답글에 왜 안부를 물어욧!!

    //Heungsub
    흥섭님 저도 저도 오랜만요 ㅡ0ㅡ//
    흠흠...

    2007/04/18 12:02 [ ADDR : EDIT/ DEL : REPLY ]
    • 헉..흥섭이랑 친한척하신다..!!
      -_-+

      저는 흥섭이랑 1주일간 동거동낙했어요~!

      2007/04/18 17:53 [ ADDR : EDIT/ DEL ]
  3. 어떤 JavaScript 라이브러리이든 간에 손에 익은 것을 쓰게 되면 JavaScript가 다시 재미있어진다는 말이 맞는 것 같습니다.

    이제 <a href="http://extjs.com/">Ext</a>도 덤으로 따라오니 확장성도 남 부럽지 않겠군요.

    2007/04/18 13:27 [ ADDR : EDIT/ DEL : REPLY ]
    • 사실 JavaScript가 어렵지만, DOM을 제대로 사용하게 되면 그때부터는 재미있는것 같아요, ㅎㅎ

      2007/04/18 17:55 [ ADDR : EDIT/ DEL ]
  4. 물론 잘지내죠! 유쾌하네요 ㅋㅋ

    2007/04/20 22:27 [ ADDR : EDIT/ DEL : REPLY ]
    • 너무 잘 지내서, 유쾌해 하다니...
      다행이네~ㅎㅎ

      2007/04/23 19:07 [ ADDR : EDIT/ DEL ]
  5. KRISKANG

    Thanks!

    2007/11/02 10:31 [ ADDR : EDIT/ DEL : REPLY ]
  6. 나그네파전

    가볍다는 단어의 내포하는 의미가 참 여러가지네요. (그림파일 한개정도로 생각하면..ㅋ_ㅋ) 용량으로 인한 서버부하를 주는 것 말고... 대체로 일반적인 루머 비슷하게는... jQuery의 처리속도는 prototype보다 느리다고 생각하는 사람이 많았던 같네요 :)

    2007/12/11 02:30 [ ADDR : EDIT/ DEL : REPLY ]
    • 이 포스팅을 한지 벌써 반년이란 시간이 흘렀네요 :)

      그때부터 jQuery를 주로 쓰면서 작업을 해왔습니다.
      다음 프로젝트는 prototype을 사용할 계획인데, 그때가 되야 퍼포먼스에 대한 비교가 가능할 듯 하네요 ㅎㅎ

      jQuery의 가장 큰 장점은 selector인것 같아요.
      그 외의것들도 나름 만족하면서 썻는데..
      맘에 안들었던것은..이상하게 만들어진 Plugin들..
      정말 이것들 때문에 완전 삽질했습니다.(jQuery 잘못이 아니지만..)

      반년동안 사용하고 점수를 매기자면..
      한 80점 정도 되는거 같아요 :)
      계속 업데이트 되고 있으니깐 좀 더 지켜봐야겠지만요 ㅎㅎ

      2007/12/11 20:39 [ ADDR : EDIT/ DEL ]