발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) e-mail : to@firejune ...
DESCRIPTION
발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : [email protected] Blog : www.firejune.com. “ 자바스크립트 라이브러리의 종류와 특징 ”. Agenda. 1. 자바스크립트 라이브러리의 필요성 1.1 JavaScript Library 1.2 Ajax with JavaScript Library 2. 자바스크립트 라이브러리의 종류와 특징 2.1 JavaScript Libraries - Personality - PowerPoint PPT PresentationTRANSCRIPT
![Page 2: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/2.jpg)
“ 자바스크립트 라이브러리의 종류와 특징”
![Page 3: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/3.jpg)
Agenda
1. 자바스크립트 라이브러리의 필요성
1.1 JavaScript Library 1.2 Ajax with JavaScript Library
2. 자바스크립트 라이브러리의 종류와 특징
2.1 JavaScript Libraries - Personality 2.1 JavaScript Libraries & Features
3. 자바스크립트 라이브러리의 선호도
3.1 Most Popular Ajax Frameworks 3.2 Most Popular Ajax Platforms
4. 자바스크립트 라이브러리의 선정방법
5. 자바스크립트 라이브러리의 개발사례
![Page 4: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/4.jpg)
JavaScript
![Page 5: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/5.jpg)
AjaxAsynchronous JavaScript and XML
![Page 6: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/6.jpg)
Ajax with JavaScript Library
![Page 7: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/7.jpg)
/** XHConn - Simple XMLHTTP Interface - [email protected] **/
function XHConn() { var xmlhttp, bComplete = false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; }}} if (!xmlhttp) return null; this.connect = function(sURL, sMethod, sVars, fnDone) { if (!xmlhttp) return false; bComplete = false; sMethod = sMethod.toUpperCase(); try { if (sMethod == "GET") { xmlhttp.open(sMethod, sURL+"?"+sVars, true); sVars = ""; } else { xmlhttp.open(sMethod, sURL, true); xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1"); xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); } xmlhttp.onreadystatechange = function(){ if (xmlhttp.readyState == 4 && !bComplete) { bComplete = true; fnDone(xmlhttp); }}; xmlhttp.send(sVars); } catch(z) { return false; } return true; }; return this;}
var myConn = new XHConn();if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");var fnWhenDone = function (req) { alert(req.responseText); };myConn.connect("mypage.php", "POST", "foo=bar&baz=qux", fnWhenDone);
without library
![Page 8: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/8.jpg)
new Ajax.Request("mypage.php", { method: "POST", parameters: "foo=bar&baz=qux“, onSuccess(req){ alert(req.responseText); }});
with library
![Page 9: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/9.jpg)
“ 자바스크립트 라이브러리의 종류와 특징”JavaScript Libraries & Features
![Page 10: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/10.jpg)
JavaScript Library Personality
1. JavaScript Helper Library 2. User Interface / Component Library 3. Complication Library
![Page 11: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/11.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 12: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/12.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 13: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/13.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 14: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/14.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 15: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/15.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 16: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/16.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 17: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/17.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 18: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/18.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 19: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/19.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 20: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/20.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 21: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/21.jpg)
Prototype /script.aculo.us
Dojo Toolkit
MooTools
YAHOO! UI
jQuery /InterfaceElements
Extjs
GWT
Rico
Xajax
MochiKit
qooxdoo
![Page 22: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/22.jpg)
“ 자바스크립트 라이브러리의 선호도”Popular JavaScript Libraries
![Page 23: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/23.jpg)
![Page 24: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/24.jpg)
![Page 25: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/25.jpg)
“ 자바스크립트 라이브러리의 선정방법”Choosing a JavaScript Library
![Page 26: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/26.jpg)
Choosing a JavaScript Library
1. 어떠한 웹 어플리케이션을 개발할 것인가 ? 2. 어떠한 코딩 스타일 ( 취향 ) 인가 ? 3. 대세를 따라서…
![Page 27: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/27.jpg)
“ 자바스크립트 라이브러리의 개발사례”Showcases
![Page 28: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/28.jpg)
![Page 29: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/29.jpg)
![Page 30: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/30.jpg)
![Page 31: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/31.jpg)
![Page 32: 발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune Blog : firejune](https://reader035.vdocuments.site/reader035/viewer/2022062222/5681596b550346895dc6abb6/html5/thumbnails/32.jpg)
“ 끝”The End