JavaScript Library [jQuery][JavaScript Library]

JavaScript library의 종류

[광고 누르면 오늘의 행운 상승!!]

• 다양한 기능을 제공하는 JavaScript library : prototype.js, jQuery,YUI등..
  → 쉽고 빠르게 작성
  → 프레임워크로서의 기능

<<Prototype.js>>

Web 2.0 유행하던 시기에 인기를 끌던 library
초기 JavaScript 프레임워크라고 불림

기능
1. 다양한 유틸리티 함수 제공 -> 코드 작성의 부담 덜어줌
2. JavaScript 객체의 기능 확장 -> 추가 기능 제공 
3. Ajax 객체 추가
4. 객체Class와 상속을 객체지향 프로그래밍과 비슷하게 구현
5. 작은 용량으로 빠르게 작동 가능

사용 : Ruby, Script.aculo.us library에서 사용

 

<<YUI>>

Yahoo에서 배포하는 JavaScript library
대부분의 기능을 구현하고 있는 완벽한 library
Ajax, CSS선택기, 이벤트 처리 외 다양한UI유틸리티 포함<<YUI>>

 

<<Dojo>>

거의 완벽한 JavaScript의 부족한 부분을 채워주는 library
그래픽과 애니메이션 쉽게 구현하는 library  패키지 제공
드래그앤 드롭 지원하는 UI 쉽게 구현

JavaScript로 UI작성 시 우선 고려할 library
현재 모바일까지 지원 -> 모바일 용 웹 앱 제작 가능

 

<<jQuery>>

최근 주목받고 있는 JavaScript library

JavaScript사용 방법 변화 -> JavaScript코딩의 필수적인 library로 인식
코딩을 쉽게 편하게 하기 위한 메소드만 제공

기능
1. 웹페이지 개발 시 코드 작성 방법 변경 
-> 객체의 속성 조작하여 쉽게 웹 기능 구현

2. Plug-in 방식으로 기능추가
3. jQuery활용 영역 확장
- jQuery UI : UI관련 기능 추가 버전
- jQuery mobile : 모바일용 웹 앱 제작 시 유용한 기능을 구현
4. 다양한 셀렉터 지원 -> 복잡한 과정 한 줄로 처리 가능

 

특화된 기능을 제공하는 JavaScript library

1. HTML5의 비디오 기능 쉽게 접근 : video.js
2. 그래픽과 애니메이션 기능 향상 : Paper.js D3등 http://paperjs.org/ → paper http://d3js.org/ → D3
3. 게임 제작 시 필요한 기능을 제공하는 Library http://box2d-js.sourceforge.net/ → Box2D http://box2d-js.sourceforge.net/ → Collie
4. MVC 프로그래밍이 가능하도록 제공하는 Library