slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune.com Blog : www.firejun PowerPoint Presentation
Download Presentation
발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune.com Blog : www.firejun

Loading in 2 Seconds...

play fullscreen
1 / 32

발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune.com Blog : www.firejun - PowerPoint PPT Presentation


  • 124 Views
  • Uploaded on

발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune.com Blog : www.firejune.com. “ 자바스크립트 라이브러리의 종류와 특징 ”. Agenda. 1. 자바스크립트 라이브러리의 필요성 1.1 JavaScript Library 1.2 Ajax with JavaScript Library 2. 자바스크립트 라이브러리의 종류와 특징 2.1 JavaScript Libraries - Personality

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '발표자 : 경준호 ( 올라웍스 ) 필명 : 파이어준 (firejune) E-mail : to@firejune.com Blog : www.firejun' - sheri


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

발표자 : 경준호(올라웍스)

필명 : 파이어준(firejune)

E-mail : to@firejune.com

Blog : www.firejune.com

agenda
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. 자바스크립트 라이브러리의 개발사례

slide5

Ajax

Asynchronous JavaScript and XML

without library
without library

/** XHConn - Simple XMLHTTP Interface - bfults@gmail.com **/

function XHConn() {

var xmlhttp, bComplete = false;

try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }

catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

catch (e) { try { xmlhttp = newXMLHttpRequest(); }

catch (e) { xmlhttp = false; }}}

if (!xmlhttp) return null;

this.connect = function(sURL, sMethod, sVars, fnDone) {

if (!xmlhttp) returnfalse;

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) { returnfalse; }

returntrue;

};

returnthis;

}

varmyConn = new XHConn();

if (!myConn) alert("XMLHTTP not available. Try a newer/better browser.");

varfnWhenDone = function (req) { alert(req.responseText); };

myConn.connect("mypage.php", "POST", "foo=bar&baz=qux", fnWhenDone);

with library
with library

newAjax.Request("mypage.php", {

method: "POST", parameters: "foo=bar&baz=qux“,

onSuccess(req){ alert(req.responseText); }

});

slide10

JavaScript Library Personality

1. JavaScript Helper Library

2. User Interface / Component Library

3. Complication Library

slide11

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide12

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide13

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide14

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide15

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide16

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide17

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide18

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide19

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide20

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide21

Prototype /

script.aculo.us

Dojo Toolkit

MooTools

YAHOO! UI

jQuery /

InterfaceElements

Extjs

GWT

Rico

Xajax

MochiKit

qooxdoo

slide26

Choosing a JavaScript Library

1. 어떠한 웹 어플리케이션을 개발할 것인가?

2. 어떠한 코딩 스타일(취향)인가?

3. 대세를 따라서…

slide32

“끝”

The End