1-90
|
|
|
- 병준 장
- 4 years ago
- Views:
Transcription
1 01chapter world wide wait
2 Ajax Ajax Asynchronous JavaScript and XML Ajax Ajax XMLHttpRequest API HTTP connect Ajax Ajax asynchronous XML extensible Markup Language Language XMLHttpRequest XML HTML CSS Cascading Style Sheets HTML CSS DOM Document Object Model DOM XML HTML DOM XSLT extensible Stylesheet Language and Transformation XML XMLHttpquest XMLHttpquest 24
3 Ajax 5 0 HTTP XMLHTTP IE 67 Ajax Web 2 0 Ajax Rich Internet Application RIA Zimbra Rollyohttpwww rollyo com httpmap search ch index en html Web 2 0 Ajax httpen wiki pedia org wiki List of websites using Ajax Ajax Ajax URL Ajax RSH Ajax Form select textarea text Ajax XMLHttpRequest 25
4 API API XMLHttpRequest property IE onreadystatechange : readystate readystate : uninitialized open loading send loaded send header status interactive reponsetext completed responsetext : XMLHttpRequest onloadonprogressonerror addeventlistenerdispatcheventoverridemimetyperemoveeventlistenner httpwww xulplanet com references objref XMLHttpRequest html 26
5 responsexml : DOM XML status : 200 Okay404 Not Found statustext : HTTP abort() : void HTTP getallresponseheaders() : HTTP getresponseheader(string header) : open(string method,string url,boolean asynch) : void HTTP send(string) : void HTTP setrequestheader(string header,string value) : void open HACK #1 Ajax 27
6 HTTP Ajax XMLHttpRequest IE IE 5 0 IE Microsoft XMLHTTP Msxml2 XMLHTTP ActiveX IE request object Ajax ActiveX HTTP
7 Window window XMLHttpRequest if(window.xmlhttprequest){ request = new XMLHttpRequest(); request.onreadystatechange=handleresponse; request.open("get",theurl,true); request.send(null); request XMLHttpRequest if widows XMLHttpRequest XMLHttpRequest null undefined true new onreadystatechange handleresponse XMLHttpRequest opensend 29
8 windows XMLHttpRequest else if (window.activexobject){ request=new ActiveXObject("Microsoft.XMLHTTP"); if (! request){ request=new ActiveXObject("Msxml2.XMLHTTP"); if(request){ request.onreadystatechange=handleresponse; request.open(reqtype,url,true); request.send(null); window ActiveXObject program ID Microsoft XMLHTTP Msxml2 XMLHTTP IE Msxml2 XMLHTTP 4 0 MSXML if request request null undefined Ajax /* : reqtype: HTTP. GET POST url: URL asynch: */ function httprequest(reqtype,url,asynch){ // if(window.xmlhttprequest){ 30
9 request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); // ActiveXObject request null if(request){ initreq(reqtype,url,asynch); else { alert( "Your browser does not permit the use of all "+ "of this application's features!"); /* */ function initreq(reqtype,url,bool){ /* HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,bool); request.send(null); POST XMLHttpRequest POST HACK #2 POST HTTP Ajax POST 31
10 POST POST POST 1 1 HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="/parkerriver/js/hack2.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>send a data tidbit</title> </head> <body> <h3>a Few Facts About Yourself...</h3> <form action="javascript:void%200" onsubmit="senddata();return false"> 32
11 <p>first name:<input type="text" name="firstname" size="20"> </p> <p>last name:<input type="text" name="lastname" size="20"> </p> <p>gender:<input type="text" name="gender" size="2"> </p> <p>country of origin:<input type="text" name="country" size="20"> </p> <p><button type="submit">send Data</button></p> </form> </body> </html> hack2 js onsubmit sentdata POST setquerystring text textarea hack2 js setquerystring function setquerystring(){ querystring=" "; var frm = document.forms[0]; var numberelements = frm.elements.length; for(var i = 0; i < numberelements; i++) { if(i < numberelements-1) { querystring += frm.elements[i].name+"="+ 33
12 encodeuricomponent(frm.elements[i].value)+"&"; else { querystring += frm.elements[i].name+"="+ encodeuricomponent(frm.elements[i].value); POST firstname=bruce&lastname=perry&gender=m&country=usa POST HTTP HTTP onsubmit senddata var request; var querystring; // POST function senddata(){ setquerystring(); var url=" httprequest("post",url,true); /* : reqtype: HTTP. GET POST url: URL isasynch: */ function initreq(reqtype,url,isasynch){ /* HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,isasynch); /* POST Content-Type */ request.setrequestheader("content-type", "application/x-www-form-urlencoded; charset=utf-8"); request.send(querystring); 34
13 /* Parameters: reqtype: HTTP. GET POST url: URL asynch: */ function httprequest(reqtype,url,asynch){ // if(window.xmlhttprequest){ request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); // ActiveXObject request null if(request){ initreq(reqtype,url,asynch); else { alert("your browser does not permit the use of all "+ alert("of this application's features!"); httprequest initreq request onreadystatechange handleresponse open open POST Content Type 35
14 POST request.setrequestheader("content-type", "application/x-www-form-urlencoded; charset=utf-8"); request.send(querystring); querystring send("firstname=bruce&lastname=perry&gender=m&country=usa"); handleresponse initreq request.onreadystatechange=handleresponse; readystate 4 HTTP HTTP responstext //XMLHttpRequest function handleresponse(){ 36
15 if(request.readystate == 4){ if(request.status == 200){ alert(request.responsetext); else { alert("a problem occurred with communicating between "+ alert("the XMLHttpRequest object and the server program."); // if 1 2 POST XML POST param protected void dopost(httpservletrequest httpservletrequest, HttpServletResponse httpservletresponse) throws ServletException, IOException { Map reqmap = httpservletrequest.getparametermap(); String val=null; String tag = null; StringBuffer body = new StringBuffer("<params>\n"); boolean wellformed = true; Map.Entry me = null; for(iterator iter= reqmap.entryset().iterator();iter.hasnext();) { me=(map.entry) iter.next(); 37
16 val= ((String[])me.getValue())[0]; tag = (String) me.getkey(); if (! XMLUtils.isWellFormedXMLName(tag)){ wellformed=false; break; body.append("<").append(tag).append(">"). append(xmlutils.escapebodyvalue(val)). append("</").append(tag).append(">\n"); if(wellformed) { body.append("</params>"); sendxml(httpservletresponse,body.tostring()); else { sendxml(httpservletresponse,"<notwellformedparams />"); Jakarta Commons Betwixt XMLUtils XML POST name name XML HACK #3 Ajax XMLHttpRequest http request js XML 38
17 HttpRequest <script type="text/javascript" src="js/http_request.js"></script> http request js var request = null; /* : reqtype: HTTP GET POST url: URL asynch: resphandle: (arguments[4]) POST */ function httprequest(reqtype,url,asynch,resphandle){ // if(window.xmlhttprequest){ request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); // if(request) { //reqtypepost 5 if(reqtype.tolowercase()!= "post") { initreq(reqtype,url,asynch,resphandle); else { //POST var args = arguments[4]; if(args!= null && args.length > 0){ initreq(reqtype,url,asynch,resphandle,args); else { alert("your browser does not permit the use of all "+ alert("of this application's features!"); 39
18 /* */ function initreq(reqtype,url,bool,resphandle){ try{ /* HTTP */ request.onreadystatechange=resphandle; request.open(reqtype,url,bool); //reqtypepost 5 if(reqtype.tolowercase() == "post") { request.setrequestheader("content-type", "application/x-www-form-urlencoded; charset=utf-8"); request.send(arguments[4]); else { request.send(null); catch (errv) { alert( "The application cannot contact "+ "the server at the moment.\n"+ "Please try again in a few seconds.\n"+ "Error detail"+errv.message); 4 5 httprequest var _url = " var _data="first=bruce&last=perry&middle=w"; httprequest("post",_url,true,handleresponse,_data); POST 40
19 POST 4 http request js HTTP var _url = " // httprequest("post",_url,true,function(){alert(request.responsetext);); httprequest XMLHttpRequest initreq onreadystatechange open send HTTP try catch URL open try catch http request js request function handleresponse(){ var request = null; try{ if(request.readystate == 4){ if(request.status == 200){... 41
20 HACK #4 XML XML XML GPS Global Positioning System GPS USB GPS XMLXML GPS XML XML metaxml XML xml version1 0 encodingutf 8 0 <?xml version="1.0" encoding="utf-8"?> <gps> <gpsmaker>garmin</gpsmaker> <gpsdevice> Forerunner 301 </gpsdevice> </gps> gps gpsmaker gpsdevice Ajax XML XML Web Service HTTP responsexml Ajax DOM 42
21 function handleresponse(){ if(request.readystate == 4){ if(request.status == 200){ var doc = request.responsexml;... doc DOM API XML XML DOM HTML POST XML div HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack3.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>receive XML response</title> </head> <body> <h3>a Few Facts About Yourself...</h3> <form action="javascript:void%200" onsubmit="senddata();return false"> <p>first name: <input type="text" name="firstname" size="20"> </p> <p>last name: <input type="text" name="lastname" size="20"> </p> <p>gender: <input type="text" name="gender" size="2"> </p> <p>country of origin: <input type="text" name="country" size="20"> </p> 43
22 <p><button type="submit">send Data</button></p> <div id="docdisplay"></div> </form> </body> </html> 1 3 hack3 js POST XML paramsfirstname Brucefirstname params POST Ajax XML var request; var querystring; //POST function senddata(){ 44
23 setquerystring(); var url=" httprequest("post",url,true); //XMLHttpRequest function handleresponse(){ if(request.readystate == 4){ if(request.status == 200){ var doc = request.responsexml; var info = getdocinfo(doc); stylizediv(info,document.getelementbyid(""docdisplay"")); else { alert( ""A problem occurred with communicating between ""+ alert( ""the XMLHttpRequest object and the server program.""); // if /* */ function initreq(reqtype,url,bool){ /*HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,bool); request.setrequestheader(""content-type"", ""application/x-www-form-urlencoded; charset=utf-8""); /* */ //request.overridemimetype(""text/xml""); request.send(querystring); /* : reqtype:http GET POST url: URL asynch: */ function httprequest(reqtype,url,asynch){ // Hack #1 function setquerystring(){ querystring=""; var frm = document.forms[0]; 45
24 var numberelements = frm.elements.length; for(var i = 0; i < numberelements; i++) { if(i < numberelements-1) { querystring += frm.elements[i].name+"="+ encodeuricomponent(frm.elements[i].value)+"&"; else { querystring += frm.elements[i].name+"="+ encodeuricomponent(frm.elements[i].value); /* div. */ function stylizediv(bdytxt,div){ //DIV div.innerhtml=""; div.style.backgroundcolor="yellow"; div.innerhtml=bdytxt; /*DOM Document XML document */ function getdocinfo(doc){ var root = doc.documentelement; var info = "<h3>document root element name: <h3 />"+ root.nodename; var nds; if(root.haschildnodes()) { nds=root.childnodes; info+= "<h4>root node's child node names/values:<h4/>"; for (var i = 0; i < nds.length; i++){ info+= nds[i].nodename; if(nds[i].haschildnodes()){ info+= " : \"+nds[i].firstchild.nodevalue+"\"<br />"; else { info+= " : Empty<br />"; return info; 46
25 POST getdocinfo XML var doc = request.responsexml; var info = getdocinfo(doc); getdocinfo XML var root doc documentelement stylizediv sytlizediv HTML div function stylizediv(bdytxt,div){ //div div.innerhtml=""; div.style.backgroundcolor="yellow"; div.innerhtml=bdytxt; 47
26 DOM API XML HACK #5 XML request responsetext 48
27 HTML hack9 js <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack9.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>choose a stock</title> </head> <body> <h3>stock prices</h3> <form action="javascript:void%200" onsubmit= "getstockprice(this.stsymbol.value);return false"> <p>enter stock symbol: <input type="text" name= "stsymbol" size="4"><span id="stprice"></span></p> <p><button type="submit">get Stock Price</button></p> </form> </body> 1 5 GRMN span getstockprice stsymbol 49
28 var request; var symbol; // function getstockprice(sym){ symbol=sym; if(sym){ var url=" httprequest("get",url,true); // XMLHttpRequest function handleresponse(){ if(request.readystate == 4){ if(request.status == 200){ /* */ var stockprice = request.responsetext; var info = "«The price is: $"+stockprice+"»"; document.getelementbyid("stprice").style.fontsize="0.9em"; document.getelementbyid("stprice").style. backgroundcolor="yellow"; document.getelementbyid("stprice").innerhtml=info; else { alert("a problem occurred with communicating between "+ alert("the XMLHttpRequest object and the server program."); // if 50
29 /* httprequest() Hack #1 */ getstockprice httprequest handle Res ponse request readystate4 HTTP 200 request responsetext DOM CSS document.getelementbyid("stprice").style.fontsize="0.9em"; document.getelementbyid("stprice").style.backgroundcolor="yellow"; document.getelementbyid("stprice").innerhtml =info; span innerhtml HACK #6 51
30 Ajax undefined 1 6 HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="/parkerriver/js/hack4.js"> </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>tally your stocks</title> </head> <body> <h3>your total Stock Holdings</h3> 52
31 <form action="javascript:void%200" onsubmit= "getstockprice(this.stsymbol.value,this.numshares.value);return false"> <p>enter stock symbol: <input type="text" name="stsymbol" size="4"> <span id="stprice"></span></p> <p>enter share amount:<input type="text" name="numshares" size="10"></p> <p><button type="submit">get Total Value</button></p> <div id="msgdisplay"></div> </form> </body> </html> Get Total Value onsubmit getstockprice false submit HTML hack4 js var request; var symbol; // var numberofshares; function getstockprice(sym,shs){ if(sym && shs){ symbol=sym; numberofshares=shs; var url=" httprequest("get",url,true); //XMLHttpRequest function handleresponse(){ if(request.readystate == 4){ alert(request.status); if(request.status == 200){. var stockprice = request.responsetext; 53
32 try{ if(isnan(stockprice)) { throw new Error( "The returned price is an invalid number."); if(isnan(numberofshares)) { throw new Error( "The share amount is an invalid number."); var info = "Total stock value:"+ calctotal(stockprice); displaymsg(document. getelementbyid("msgdisplay"),info,"black"); document.getelementbyid("stprice").style.fontsize="0.9em"; document.getelementbyid("stprice").innerhtml ="price: "+stockprice; catch (err) { displaymsg(document.getelementbyid("msgdisplay"), "An error occurred: "+ err.message,"red"); else { alert( "A problem occurred with communicating between the "+ "XMLHttpRequest object and the server program."); // if /* httprequest() initreq() Hack #1 #2.. */ function calctotal(price){ return stripextranumbers(numberofshares * price); /* 4 */ function stripextranumbers(num){ // var n2 = num.tostring(); if(n2.indexof(".") == -1) { return num; // 4 parsefloat if(typeof num == "string"){ num = parsefloat(num).tofixed(4); else { num = num.tofixed(4); 54
33 // 0 return parsefloat(num.tostring().replace(/0*$/,"")); function displaymsg(div,bdytext,txtcolor){ //DIV div.innerhtml=""; div.style.backgroundcolor="yellow"; div.style.color=txtcolor; div.innerhtml=bdytext; handleresponse var stockprice request responsetext stockprice API isnan Not a Number stockprice goodbye isnangoodbye true true calctotal stripextranumbers 55
34 DOM Document Object Model handleresponse displaymsg id stprice div innerhtml displaymsg(document.getelementbyid("msgdisplay"),info,"black"); document.getelementbyid("stprice").style.fontsize="0.9em"; document.getelementbyid("stprice").innerhtml ="price: "+stockprice; displaymsg function displaymsg(div,bdytext,txtcolor){ //DIV div.innerhtml=""; div.style.backgroundcolor="yellow"; div.style.color=txtcolor; div.innerhtml=bdytext;
35 1 8 HACK #7 Ajax JSON JavaScript Object Notation JSON 57
36 JSON JSON JSON JSON hello truefalsenull JSON POST JSON { firstname:"bruce", lastname:"perry", gender:"m", country:"usa" 58
37 POST HTML Ajax JSON div JSON HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack5.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>receive JSON response</title> </head> <body> <h3>a Few Facts About Yourself...</h3> <form action="javascript:void%200" onsubmit="senddata();return false"> <p>first name:<input type="text" name="firstname" size="20"> </p> <p>last name: <input type="text" name="lastname" size="20"> </p> <p>gender:<input type="text" name="gender" size="2"> </p> <p>country of origin:<input type="text" name="country" size="20"> </p> <p><button type="submit">send Data</button></p> <div id="json"></div> <div id="props"></div> </form> </body> </html>
38 hack5 js POST var request; var querystring; //POST 60
39 function senddata(){ setquerystring(); url=" httprequest("post",url,true); // XMLHttpRequest function handlejson(){ if(request.readystate == 4){ if(request.status == 200){ var resp = request.responsetext; var func = new Function("return "+resp); var objt = func(); var div = document.getelementbyid("json"); stylizediv(resp,div); div = document.getelementbyid("props"); div.innerhtml="<h4>in object form...</h4>"+ div.innerhtml="<h5>properties</h5>firstname= "+ div.innerhtml=objt.firstname +"<br />lastname="+ div.innerhtml=objt.lastname+ "<br />gender="+ div.innerhtml=objt.gender+ "<br />country="+ div.innerhtml=objt.country; else { alert("a problem occurred with communicating between "+ alert("the XMLHttpRequest object and the server program."); // if /* */ function initreq(reqtype,url,bool){ /* HTTP */ request.onreadystatechange=handlejson; request.open(reqtype,url,bool); request.setrequestheader("content-type", "application/x-www-form-urlencoded; charset=utf-8"); request.send(querystring); /* : reqtype: HTTP. GET POST 61
40 url: URL asynch: */ function httprequest(reqtype,url,asynch){ // Hack #1, #2 function setquerystring(){ querystring=""; var frm = document.forms[0]; var numberelements = frm.elements.length; for(var i = 0; i < numberelements; i++){ if(i < numberelements-1){ querystring += frm.elements[i].name+"="+ encodeuricomponent(frm.elements[i].value)+"&"; else { querystring += frm.elements[i].name+"="+ encodeuricomponent(frm.elements[i].value); function stylizediv(bdytxt,div){ //DIV div.innerhtml=" "; div.style.fontsize="1.2em"; div.style.backgroundcolor="yellow"; div.appendchild(document.createtextnode(bdytxt)); initreq HTTP handlejson XML JSON HTTP JSON 62
41 handlejson resp HTTP request responsetext Functio var func = new Function("return"+resp); func Function var resp = request.responsetext; var obj = eval( "(" + resp + ")" ); var resp = request.responsetext; // resp "[1,2,3,4]" var arrobject = eval(resp); DOM 63
42 serialization var objt = func(); var div = document.getelementbyid("json"); stylizediv(resp,div); div = document.getelementbyid("props"); div.innerhtml="<h4>in object form...</h4><h5>properties</h5> firstname= "+ objt.firstname +"<br />lastname="+ objt.lastname+ "<br />gender="+ objt.gender+ "<br />country="+ objt.country; objt objt firstname
43 Java dopost protected void dopost(httpservletrequest httpservletrequest, HttpServletResponse httpservletresponse) throws ServletException, IOException { Map valmap = httpservletrequest.getparametermap(); StringBuffer body = new StringBuffer("{\n"); if(valmap!= null) { String val=null; String key = null; Map.Entry me = null; Set entries = valmap.entryset(); int size = entries.size(); int counter=0; for(iterator iter= entries.iterator();iter.hasnext();) { counter++; me=(map.entry) iter.next(); val= ((String[])me.getValue())[0]; key = (String) me.getkey(); if(counter < size) { body.append(key).append(":\"").append(val).append("\",\n"); else { //remove comma for last entry body.append(key).append(":\"").append(val).append("\"\n"); body.append(""); AjaxUtil.sendText(httpServletResponse,body.toString()); AjaxUtil Content Type text plaincharset UTF 8 HTTP JSONContetn Type application x json 65
44 AjaxUtil response.setheader("cache-control", "no-cache"); HACK #8 Ajax backend Ajax URL open 66
45 hack6 js HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack6.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>tally your stocks</title> </head> <body> <h3>your total Stock Holdings</h3> <form action="javascript:void%200" onsubmit= "getstockprice(this.stsymbol.value,this.numshares.value);return false"> <p>enter stock symbol: <input type="text" name="stsymbol" size="4"> <span id="stprice"></span></p> <p>enter share amount:<input type="text" name="numshares" size="10"> </p> <p><button type="submit">get Total Value</p> <div id="msgdisplay"></div> </form> </body> </html> 1 11 URL handelresponse request onreadystatechange handle Response try catch finally 67
46 function handleresponse(){ var statusmsg=""; try{ if(request.readystate == 4){ if(request.status == 200){ /* */ var stockprice = request.responsetext; try{ if(isnan(stockprice)) { throw new Error( "The returned price is an invalid number."); if(isnan(numberofshares)) { throw new Error( "The share amount is an invalid number."); var info = "Total stock value: "+ calctotal(stockprice); displaymsg(document. getelementbyid("msgdisplay"),info,"black"); document.getelementbyid("stprice").style.fontsize="0. 9em"; document.getelementbyid("stprice").innerhtml ="price: "+ stockprice; catch (err) { displaymsg(document.getelementbyid("msgdisplay"), "An error occurred: "+ err.message,"red"); 68
47 else { // request.status 503 // 500 alert( "A problem occurred with communicating between the " "XMLHttpRequest object and the server program. "+ "Please try again very soon"); // if catch (err) { alert("it does not appear that the server "+ alert("is available for this application. Please "+ alert("try again very soon.\nerror: "+err.message); try catch try status request status catch
48 try catch finally request status 503Service Unavailable status 200 else else { // 503; // 500 alert( "A problem occurred with communicating between the " "XMLHttpRequest object and the server program. "+ "Please try again very soon"); 70
49 500Inter nal Server Error 404 URL Ajax request open URL request open try catch finally initreq function httprequest(reqtype,url,asynch){ // if(window.xmlhttprequest){ request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); //ActiveXObject request null // if(request){ initreq(reqtype,url,asynch); else { alert("your browser does not permit the use of all "+ alert("of this application's features!"); 71
50 /* */ function initreq(reqtype,url,bool){ try{ /*HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,bool); request.send(null); catch (err) { alert( "The application cannot contact the server at the moment. "+ "Please try again in a few seconds."); URL request open httpwww myorg com app open URL httpwww yourorg com try catch finally HACK #9 HTTP HTTP 1 1 descriptive 72
51 XMLHttpRequest request status HTTP HTTP Server Content Type HTTP URL HTTP Ajax HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack7.js"></script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>view response headers</title> <link rel="stylesheet" type="text/css" href="/parkerriver/css/ hacks. css"/> 73
![</head> <body onload="document.forms[0].url.](/docs-images/104/163981379/images/52-0.jpg "value=urlfragment\"> <h3>find out the HTTP response headers when you \"GET\" a Web page</h3> <form action=\"javascript:void%200\"> <p>enter a URL: <input type=\"text\" name=\"url\" size=\"20\"")
52 </head> <body onload="document.forms[0].url.value=urlfragment"> <h3>find out the HTTP response headers when you "GET" a Web page</h3> <form action="javascript:void%200"> <p>enter a URL: <input type="text" name="url" size="20" onblur="getallheaders (this.value)"> <span class="message">::press tab when finished editing the field:: </span></p> <div id="msgdisplay"></div> </form> </body> </html> 1 13 URL text text onblur getallheaders URL URL hack7 js 74
53 var request; var urlfragment=" function getallheaders(url){ httprequest("get",url,true); //XMLHttpRequest onreadystatechange function handleresponse(){ try{ if(request.readystate == 4){ if(request.status == 200){ /* */ var headers = request.getallresponseheaders(); var div = document.getelementbyid("msgdisplay"); div.classname="header"; div.innerhtml="<pre>"+headers+"</pre>"; else { // 503 // 500 alert(request.status); alert("a problem occurred with communicating between "+ alert("the XMLHttpRequest object and the server program."); // if catch (err) { alert("it does not appear that the server is "+ alert("available for this application. Please "+ alert("try again very soon. \nerror: "+err.message); /* / function initreq(reqtype,url,bool){ try{ /* HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,bool); request.send(null); catch (errv) { alert( 75
54 "The application cannot contact the server at the moment."+ "Please try again in a few seconds." /* : reqtype:http. GET POST url: URL asynch: */ function httprequest(reqtype,url,asynch){ // if(window.xmlhttprequest){ request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); //ActiveXObject request null // if(request){ initreq(reqtype,url,asynch); else { alert("your browser does not permit the use of all "+ alert("of this application s features!"); handleresponse getallresponseheaders JSON 76
55 div if(request.status == 200){ /* */ var headers = request.getallresponseheaders(); var div = document.getelementbyid("msgdisplay"); div.classname="header"; div.innerhtml="<pre>"+headers+"</pre>";... header div classname CSS div.header{ border: thin solid black; padding: 10%; font-size: 0.9em; background-color: yellow span.message { font-size: 0.8em; CSS div div innerhtml pre 1 14 URL 77
56 HACK #10 HTML select URL URL text HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="js/hack8.js"></script> <script type="text/javascript"> function setspan(){ document.getelementbyid("instr").onmouseover=function(){ this.style.backgroundcolor='yellow';; 78
57 document.getelementbyid("instr").onmouseout=function(){ this.style.backgroundcolor='white';; </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>view response headers</title> <link rel="stylesheet" type="text/css" href="/parkerriver/css/hacks. css"/> </head> <body onload="document.forms[0].url.value=urlfragment;setspan()"> <h3>find out the HTTP response headers when you "GET" a Web page</h3> <h4>choose the style for your message</h4> <form action="javascript:void%200"> <p> <select name="_style"> <option label="loud" value="loud" selected>loud</option> <option label="fancy" value="fancy">fancy</option> <option label="cosmopolitan" value="cosmo">cosmopolitan </option> <option label="plain" value="plain">plain</option> </select> </p> <p>enter a URL: <input type="text" name="url" size="20" onblur= "getallheaders(this.value,this.form._style.value)"> <span id="instr" class="message">«press tab or click outside the field when finished editing»</span></p> <div id="msgdisplay"></div> </form> </body> </html> 79
58 1 15 CSS hack css select text text id msgdisplay div hacks css div.header{ border: thin solid black; padding: 10%; font-size: 0.9em; background-color: yellow; max-width: 80% span.message { font-size: 0.8em; div { max-width: 80%.plain { border: thin solid black; padding: 10%; font: Arial, serif font-size: 0.9em; background-color: yellow;.fancy { border: thin solid black; padding: 5%; font-family: Herculanum, Verdana, serif; font-size: 1.2em; text-shadow: 0.2em 0.2em grey; font-style: oblique; color: rgb(21,49,110); background-color: rgb(234,197,49).loud { border: thin solid black; padding: 5%; font-family: Impact, serif; font-size: 1.4em; text-shadow: em black; color: black; background-color: rgb(181,77,79).cosmo { border: thin solid black; padding: 1%; font-family: Papyrus, serif; 80
59 font-size: 0.9em; text-shadow: em black; color: aqua; background-color: teal plainfancylouccosmo CSS fancy Ajax onblur getallheaders text select onblur="getallheaders(this.value,this.form._style.value)" this formstyle value select this value text hack8 js var request; var urlfragment=" var st; function getallheaders(url,styl){ if(url){ st=styl; httprequest("get",url,true); //XMLHttpRequest function handleresponse(){ 81
60 try{ if(request.readystate == 4){ if(request.status == 200){ /* */ var headers = request.getallresponseheaders(); var div = document.getelementbyid("msgdisplay"); div.classname= st == ""? "header" : st; div.innerhtml="<pre>"+headers+"</pre>"; else { // 503 // 500 alert(request.status); alert("a problem occurred with communicating between "+ alert("the XMLHttpRequest object and the server program."); // if catch (err) { alert("it does not appear that the server"+ "is available for this application. Please"+ " try again very soon. \nerror: "+err.message); /* httprequest() initreq() Hack #1, #2.. */ getallheaders st CSS plainfancyloudcosmo div classname st if(request.status == 200){ /* */ var headers = request.getallresponseheaders(); var div = document.getelementbyid("msgdisplay"); div.classname= st == ""? "header" : st; div.innerhtml="<pre>"+headers+"</pre>"; 82
61 CSS select header hacks css header 1 16 Cosmopolitan
62 HACK #11 DOM CSS iki HTML var request; 84
63 var urlfragment=" var st; function getallheaders(url,styl){ if(url){ st=styl; httprequest("get",url,true); /* DOM CSS2Properties : sttype ('plain', 'fancy', 'loud', 'cosmo') stylobj div.style HTML.stylObj div.style HTML.*/ function setstyle(sttype,stylobj){ switch(sttype){ case 'plain' : stylobj.maxwidth="80%"; stylobj.border="thin solid black"; stylobj.padding="5%"; stylobj.textshadow="none"; stylobj.fontfamily="arial, serif"; stylobj.fontsize="0.9em"; stylobj.backgroundcolor="yellow"; break; case 'loud' : stylobj.maxwidth="80%"; stylobj.border="thin solid black"; stylobj.padding="5%"; stylobj.fontfamily="impact, serif"; stylobj.fontsize="1.4em"; stylobj.textshadow=" em black"; stylobj.backgroundcolor="rgb(181,77,79)"; break; case 'fancy' : stylobj.maxwidth="80%"; stylobj.border="thin solid black"; stylobj.padding="5%"; stylobj.fontfamily="herculanum, Verdana, serif"; stylobj.fontsize="1.2em"; stylobj.fontstyle="oblique"; 85
64 stylobj.textshadow="0.2em 0.2em grey"; stylobj.color="rgb(21,49,110)"; stylobj.backgroundcolor="rgb(234,197,49)"; break; case 'cosmo' : stylobj.maxwidth="80%"; stylobj.border="thin solid black"; stylobj.padding="1%"; stylobj.fontfamily="papyrus, serif"; stylobj.fontsize="0.9em"; stylobj.textshadow=" em black"; stylobj.color="aqua"; stylobj.backgroundcolor="teal"; break; default : alert('default'); //XMLHttpRequest function handleresponse(){ try{ if(request.readystate == 4){ if(request.status == 200){ /* */ var headers = request.getallresponseheaders(); var div = document.getelementbyid("msgdisplay"); if(st){ setstyle(st,div.style); else { setstyle("plain",div.style); div.innerhtml="<pre>"+headers+"</pre>"; else { // 503 // 500 alert(request.status); alert("a problem occurred with communicating between "+ "the XMLHttpRequest object and the server program."); // if catch (err) { alert(alert("it does not appear that the server "+ 86
65 "is available for this application. Please "+ "try again very soon. \nerror: "+err.message); /* */ function initreq(reqtype,url,bool){ try{ /* HTTP */ request.onreadystatechange=handleresponse; request.open(reqtype,url,bool); request.send(null); catch (errv) { alert( "Your browser does not permit the use of all "+ "of this application s features!"); /* : reqtype: HTTP. GET POST url: URL asynch:, */ function httprequest(reqtype,url,asynch){ // if(window.xmlhttprequest){ request = new XMLHttpRequest(); else if (window.activexobject){ request=new ActiveXObject("Msxml2.XMLHTTP"); if (! request){ request=new ActiveXObject("Microsoft.XMLHTTP"); //ActiveXObject request null // if(request){ initreq(reqtype,url,asynch); else { alert("your browser does not permit the use of all "+ 87
66 "of this application's features!"); CSS HTML style div div style div div style fornfamilyarial setstyle Fancy div div URL text onblur CSS HTMLCSS hack10 js HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <script type="text/javascript" src="/parkerriver/js/hack10.js"> </script> <script type="text/javascript"> function setspan(){ document.getelementbyid("instr").onmouseover=function(){ this.style.backgroundcolor='yellow';; document.getelementbyid("instr").onmouseout=function(){ this.style.backgroundcolor='white';; </script> 88
67 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>view response headers</title> </head> <body onload="document.forms[0].url.value=urlfragment;setspan()"> <h3>find out the HTTP response headers when you "GET" a Web page</h3> <h4>choose the style for your message</h4> <form action="javascript:void%200"> <p> <select name="_style"> <option label="loud" value="loud" selected>loud</option> <option label="fancy" value="fancy">fancy</option> <option label="cosmopolitan" value="cosmo">cosmopolitan </option> <option label="plain" value="plain">plain</option> </select> </p> <p>enter a URL: <input type="text" name="url" size="20" onblur= "getallheaders(this.value,this.form._style.value)"> <span id="instr" class="message">«press tab or click outside the field when finished editing» </span></p> <div id="msgdisplay"></div> </form> </body> </html> onblur getallheader select cosmo URL Ajax 89
68 1 18 HTTP 1 19 URL Ajax 90
C H A P T E R 2
C H A P T E R 2 Foundations of Ajax Chapter 2 1 32 var xmlhttp; function createxmlhttprequest() { if(window.activexobject) { xmlhttp = new ActiveXObject( Micr else if(window.xmlhttprequest) { xmlhttp =
Ext JS À¥¾ÖÇø®ÄÉÀ̼ǰ³¹ß-³¹Àå.PDF
CHAPTER 2 (interaction) Ext JS., HTML, onready, MessageBox get.. Ext JS HTML CSS Ext JS.1. Ext JS. Ext.Msg: : Ext Ext.get: DOM 22 CHAPTER 2 (config). Ext JS.... var test = new TestFunction( 'three', 'fixed',
3장
C H A P T E R 03 CHAPTER 03 03-01 03-01-01 Win m1 f1 e4 e5 e6 o8 Mac m1 f1 s1.2 o8 Linux m1 f1 k3 o8 AJAX
Microsoft PowerPoint - web-part03-ch19-node.js기본.pptx
과목명: 웹프로그래밍응용 교재: 모던웹을 위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch19. node.js 기본 2014년 1학기 Professor Seung-Hoon Choi 19 node.js 기본 이 책에서는 서버 구현 시 node.js 를 사용함 자바스크립트로 서버를 개발 다른서버구현기술 ASP.NET, ASP.NET
Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 11 년 10 월 26 일수요일
Eclipse 와 Firefox 를이용한 Javascript 개발 발표자 : 문경대 Introduce Me!!! Job Jeju National University Student Ubuntu Korean Jeju Community Owner E-Mail: ned3y2k@hanmail.net Blog: http://ned3y2k.wo.tc Facebook: http://www.facebook.com/gyeongdae
I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r
I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r I T C o t e n s P r o v i d e r h t t p : / / w w w. h a n b i t b o o k. c o. k r Jakarta is a Project of the Apache
Javascript.pages
JQuery jquery part1 JavaScript : e-mail:leseraphina@naver.com http://www.webhard.co.kr I.? 2 ......,,. : : html5 ; ; .
Week8-Extra
Week 08 Extra HTML & CSS Joonhwan Lee human-computer interaction + design lab. HTML CSS HTML, HTML 5 1. HTML HTML HTML HTML (elements) (attributes), (arguments). HTML (tag), DTD (Document Type Definition).!4
Modern Javascript
ES6 - Arrow Function Class Template String Destructuring Default, Rest, Spread let, const for..of Promises Module System Map, Set * Generator * Symbol * * https://babeljs.io/ Babel is a JavaScript compiler.
Microsoft PowerPoint - web-part03-ch20-XMLHttpRequest기본.pptx
과목명 : 웹프로그래밍응용교재 : 모던웹을위한 JavaScript Jquery 입문, 한빛미디어 Part3. Ajax Ch20. XMLHttpRequest 2014년 1학기 Professor Seung-Hoon Choi 20 XMLHttpRequest XMLHttpRequest 객체 자바스크립트로 Ajax를이용할때사용하는객체 간단하게 xhr 이라고도부름 서버
14-Servlet
JAVA Programming Language Servlet (GenericServlet) HTTP (HttpServlet) 2 (1)? CGI 3 (2) http://jakarta.apache.org JSDK(Java Servlet Development Kit) 4 (3) CGI CGI(Common Gateway Interface) /,,, Client Server
2파트-07
CHAPTER 07 Ajax ( ) (Silverlight) Ajax RIA(Rich Internet Application) Firefox 4 Ajax MVC Ajax ActionResult Ajax jquery Ajax HTML (Partial View) 7 3 GetOrganized Ajax GetOrganized Ajax HTTP POST 154 CHAPTER
PART 1 CHAPTER 1 Chapter 1 Note 4 Part 1 5 Chapter 1 AcctNum = Table ("Customer").Cells("AccountNumber") AcctNum = Customer.AccountNumber Note 6 RecordSet RecordSet Part 1 Note 7 Chapter 1 01:
PowerPoint 프레젠테이션
@ Lesson 2... ( ). ( ). @ vs. logic data method variable behavior attribute method field Flow (Type), ( ) member @ () : C program Method A ( ) Method B ( ) Method C () program : Java, C++, C# data @ Program
PowerPoint Template
JavaScript 회원정보 입력양식만들기 HTML & JavaScript Contents 1. Form 객체 2. 일반적인입력양식 3. 선택입력양식 4. 회원정보입력양식만들기 2 Form 객체 Form 객체 입력양식의틀이되는 태그에접근할수있도록지원 Document 객체의하위에위치 속성들은모두 태그의속성들의정보에관련된것
Lab1
Lab 1: HTML CSS 2015 Fall human-computer interaction + design lab. Joonhwan Lee HTML Web Server (World Wide Web: WWW)? (., FTP ). web 3 웹 구조의 이해 웹페이지 웹페이지는 HTML 이라는 언어로 만들어진 일종의 프로그램 웹페이지는 텍스트, 이미지, 동영상,
API STORE 키발급및 API 사용가이드 Document Information 문서명 : API STORE 언어별 Client 사용가이드작성자 : 작성일 : 업무영역 : 버전 : 1 st Draft. 서브시스템 : 문서번호 : 단계 : Docum
API STORE 키발급및 API 사용가이드 Document Information 문서명 : API STORE 언어별 Client 사용가이드작성자 : 작성일 : 2012.11.23 업무영역 : 버전 : 1 st Draft. 서브시스템 : 문서번호 : 단계 : Document Distribution Copy Number Name(Role, Title) Date
HTML5가 웹 환경에 미치는 영향 고 있어 웹 플랫폼 환경과는 차이가 있다. HTML5는 기존 HTML 기반 웹 브라우저와의 호환성을 유지하면서도, 구조적인 마크업(mark-up) 및 편리한 웹 폼(web form) 기능을 제공하고, 리치웹 애플리케이 션(RIA)을
동 향 제 23 권 5호 통권 504호 HTML5가 웹 환경에 미치는 영향 이 은 민 * 16) 1. 개 요 구글(Google)은 2010년 5월 구글 I/O 개발자 컨퍼런스에서 HTML5를 통해 플러 그인의 사용이 줄어들고 프로그램 다운로드 및 설치가 필요 없는 브라우저 기반 웹 플랫폼 환경이 점차 구현되고 있다고 강조했다. 그리고 애플(Apple)은 2010년
PowerPoint 프레젠테이션
Html 은웹에서 text, images, movie 등다양한정보의요소를 담을수있는문서형식이다. 정보 (txt, imges) 전송 = 동일한어플리케이션 = 정보 (txt, imges) 정보 (txt, imges Movie, 동작 ) 정보 (txt, imges movie) 어플리케이션 웹브라우저 HTML5 는기존 HTML 에차별화된특징을가진 최신버전의웹표준언어.
Overall Process
CSS ( ) Overall Process Overall Process (Contents : Story Board or Design Source) (Structure : extensible HyperText Markup Language) (Style : Cascade Style Sheet) (Script : Document Object Model) (Contents
Analytics > Log & Crash Search > Unity ios SDK [Deprecated] Log & Crash Unity ios SDK. TOAST SDK. Log & Crash Unity SDK Log & Crash Search. Log & Cras
![Analytics > Log & Crash Search > Unity ios SDK [Deprecated] Log & Crash Unity ios SDK. TOAST SDK. Log & Crash Unity SDK Log & Crash Search. Log & Cras](/thumbs/101/151500399.jpg "Analytics > Log & Crash Search > Unity ios SDK [Deprecated] Log & Crash Unity ios SDK. TOAST SDK. Log & Crash Unity SDK Log & Crash Search. Log & Cras")
Analytics > Log & Crash Search > Unity ios SDK [Deprecated] Log & Crash Unity ios SDK. TOAST SDK. Log & Crash Unity SDK Log & Crash Search. Log & Crash Unity SDK... Log & Crash Search. - Unity3D v4.0 ios
Week13
Week 13 Social Data Mining 02 Joonhwan Lee human-computer interaction + design lab. Crawling Twitter Data OAuth Crawling Data using OpenAPI Advanced Web Crawling 1. Crawling Twitter Data Twitter API API
쉽게 풀어쓴 C 프로그래밍
CHAPTER 7. HTML 와 CSS 로웹사이트만들 기 웹사이트작성 웹사이트구축과정 내비게이션구조도 홈페이지레이아웃 헤더 web Shop 내비게이션메뉴
rmi_박준용_final.PDF
(RMI) - JSTORM http://wwwjstormpekr (RMI)- Document title: Document file name: Revision number: Issued by: Document Information (RMI)- rmi finaldoc Issue Date: Status:
SK Telecom Platform NATE
SK Telecom Platform NATE SK TELECOM NATE Browser VER 2.6 This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea
DocsPin_Korean.pages
Unity Localize Script Service, Page 1 Unity Localize Script Service Introduction Application Game. Unity. Google Drive Unity.. Application Game. -? ( ) -? -?.. 준비사항 Google Drive. Google Drive.,.. - Google
Interstage5 SOAP서비스 설정 가이드
Interstage 5 Application Server ( Solaris ) SOAP Service Internet Sample Test SOAP Server Application SOAP Client Application CORBA/SOAP Server Gateway CORBA/SOAP Gateway Client INTERSTAGE SOAP Service
Lab10
Lab 10: Map Visualization 2015 Fall human-computer interaction + design lab. Joonhwan Lee Map Visualization Shape Shape (.shp): ESRI shp http://sgis.kostat.go.kr/html/index.html 3 d3.js SVG, GeoJSON, TopoJSON
3ÆÄÆ®-14
chapter 14 HTTP >>> 535 Part 3 _ 1 L i Sting using System; using System.Net; using System.Text; class DownloadDataTest public static void Main (string[] argv) WebClient wc = new WebClient(); byte[] response
HTML5
주사위게임 류관희 충북대학교 주사위게임규칙 플레이어 두개의주사위를던졌을때두주사위윗면숫자의합 The First Throw( 두주사위의합 ) 합 : 7 혹은 11 => Win 합 : 2, 3, 혹은 12 => Lost 합 : 4, 5, 6, 8, 9, 10 => rethrow The Second Throw 합 : 첫번째던진주사위합과같은면 => Win 합 : 그렇지않으면
mytalk
한국정보보호학회소프트웨어보안연구회 총괄책임자 취약점분석팀 안준선 ( 항공대 ) 도경구 ( 한양대 ) 도구개발팀도경구 ( 한양대 ) 시큐어코딩팀 오세만 ( 동국대 ) 전체적인 그림 IL Rules Flowgraph Generator Flowgraph Analyzer 흐름그래프 생성기 흐름그래프 분석기 O parser 중간언어 O 파서 RDL
J2EE Concepts
! Introduction to J2EE (1) - J2EE Servlet/JSP/JDBC iseminar.. 1544-3355 ( ) iseminar Chat. 1 Who Are We? Business Solutions Consultant Oracle Application Server 10g Business Solutions Consultant Oracle10g
Mobile Service > IAP > Android SDK [ ] IAP SDK TOAST SDK. IAP SDK. Android Studio IDE Android SDK Version (API Level 10). Name Reference V
![Mobile Service > IAP > Android SDK [ ] IAP SDK TOAST SDK. IAP SDK. Android Studio IDE Android SDK Version (API Level 10). Name Reference V](/thumbs/103/160143957.jpg "Mobile Service > IAP > Android SDK [ ] IAP SDK TOAST SDK. IAP SDK. Android Studio IDE Android SDK Version (API Level 10). Name Reference V")
Mobile Service > IAP > Android SDK IAP SDK TOAST SDK. IAP SDK. Android Studio IDE 2.3.3 Android SDK Version 2.3.3 (API Level 10). Name Reference Version License okhttp http://square.github.io/okhttp/ 1.5.4
04장
20..29 1: PM ` 199 ntech4 C9600 2400DPI 175LPI T CHAPTER 4 20..29 1: PM ` 200 ntech4 C9600 2400DPI 175LPI T CHAPTER 4.1 JSP (Comment) HTML JSP 3 home index jsp HTML JSP 15 16 17 18 19 20
PowerPoint 프레젠테이션
@ Lesson 3 if, if else, if else if, switch case for, while, do while break, continue : System.in, args, JOptionPane for (,, ) @ vs. logic data method variable Data Data Flow (Type), ( ) @ Member field
슬라이드 1
웹 2.0 분석보고서 Year 2006. Month 05. Day 20 Contents 1 Chapter 웹 2.0 이란무엇인가? 웹 2.0 의시작 / 웹 1.0 에서웹 2.0 으로 / 웹 2.0 의속성 / 웹 2.0 의영향 Chapter Chapter 2 3 웹 2.0 을가능케하는요소 AJAX / Tagging, Folksonomy / RSS / Ontology,
Building Mobile AR Web Applications in HTML5 - Google IO 2012
Building Mobile AR Web Applications in HTML5 HTML5 -, KIST -, UST HCI & Robotics Agenda Insight: AR Web Browser S.M.AR.T: AR CMS HTML5 HTML5 AR - Hello world! - Transform - - AR Events 3/33 - - - (Simplicity)
SIGPLwinterschool2012
1994 1992 2001 2008 2002 Semantics Engineering with PLT Redex Matthias Felleisen, Robert Bruce Findler and Matthew Flatt 2009 Text David A. Schmidt EXPRESSION E ::= N ( E1 O E2 ) OPERATOR O ::=
신림프로그래머_클린코드.key
CLEAN CODE 6 11st Front Dev. Team 6 1. 2. 3. checked exception 4. 5. 6. 11 : 2 4 : java (50%), javascript (35%), SQL/PL-SQL (15%) : Spring, ibatis, Oracle, jquery ? , (, ) ( ) 클린코드를 무시한다면 . 6 1. ,,,!
03장.스택.key
---------------- DATA STRUCTURES USING C ---------------- 03CHAPTER 1 ? (stack): (LIFO:Last-In First-Out) 2 : top : ( index -1 ),,, 3 : ( ) ( ) -> ->. ->.... 4 Stack ADT : (LIFO) : init():. is_empty():
NATE CP 컨텐츠 개발규격서_V4.4_1.doc
Rev.A 01/10 This Document is copyrighted by SK Telecom and may not be reproduced without permission 1 Rev.A 01/10 - - - - - - URL (dsplstupper) - Parameter ( SKTUPPER=>SU, SKTMENU=>SM) - - CP - - - - -
nTOP CP 컨텐츠 개발규격서_V4.1_.doc
Rev.A 01/09 This Document is copyrighted by SK Telecom and may not be reproduced without permission 1 Rev.A 01/09 - - - - - - URL (dsplstupper) - Parameter ( SKTUPPER=>SU, SKTMENU=>SM) - - CP This Document
12-file.key
11 (String).. java.lang.stringbuffer. s String s = "abcd"; s = s + "e"; a b c d e a b c d e ,., "910359,, " "910359" " " " " (token) (token),, (delimiter). java.util.stringtokenizer String s = "910359,,
PowerPoint 프레젠테이션
ONE page html 이란? 원페이지는최근의홈페이지제작트렌드로한페이지에상단에서하단으로의마우스스크롤링을통해서컨텐츠를보여주는스타일의홈페이지입니다. USER 의시선을분산시키지않고위쪽에서아래쪽으로마우스스크롤링을통해서홈페이지의컨텐츠를보여주게됩니다. 반응형으로제작되어스마트폰, 아이패드, 태블릿,PC, 노트북등다양한디바이스에서자동으로최적화됩니다. ONE page 웹사이트사례
PowerPoint Presentation
WordPress 를이용한웹사이트만들기 2015 년 한지웅 WordPress 를이용한웹사이트만들기 Day 1 Day 2 Day 3 Day 4 Day 5 1. 웹사이트제작기초 HTLM 기본 CSS 기본 WordPress 개론 ( 웹사이트구축툴 ) 2. 웹호스팅 / 웹사이트구축 웹호스팅업체선택 cpanel 설정 WordPress 설치 3. WordPress 기초활용
AMP는 어떻게 빠른 성능을 내나.key
AMP는 어떻게 빠른 성능을 내나? AU개발 김태훈 kishu@navercorp.com AMP 란무엇인가? AMP 방식으로 HTML을 만들고 AMP JS를 로딩하고 AMP 컴포넌트만 사용하면 웹페이지의 빠른 렌더링을 보장 + 구글 검색 결과에서 즉시 로딩(빠르고 멋있게) AMPs are just Web Pages! AMPs are just Web Pages!
제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호
제이쿼리 () 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호 CSS와마찬가지로, 문서에존재하는여러엘리먼트를접근할수있다. 엘리먼트접근방법 $( 엘리먼트 ) : 일반적인접근방법
untitled
A Leader of Enterprise e-business Solution FORCS Co., LTD 1 OZ Application Getting Started (ver 5.1) 2 FORCS Co., LTD A Leader of Enterprise e-business Solution FORCS Co., LTD 3 OZ Application Getting
목차 INDEX JSON? - JSON 개요 - JSONObject - JSONArray 서울시공공데이터 API 살펴보기 - 요청인자살펴보기 - Result Code - 출력값 HttpClient - HttpHelper 클래스작성 - JSONParser 클래스작성 공공
메신저의새로운혁신 채팅로봇 챗봇 (Chatbot) 입문하기 소 이 메 속 : 시엠아이코리아 름 : 임채문 일 : soulgx@naver.com 1 목차 INDEX JSON? - JSON 개요 - JSONObject - JSONArray 서울시공공데이터 API 살펴보기 - 요청인자살펴보기 - Result Code - 출력값 HttpClient - HttpHelper
쉽게 풀어쓴 C 프로그래밍
CHAPTER 14. HTML5 웹스토리지, 파일 API, 웹소켓 웹스토리지 웹스토리지 (web storage) 는클라이언트컴퓨터에데이터를저장하는메카니즘 웹스토리지는쿠키보다안전하고속도도빠르다. 약 5MB 정도까지저장이가능하다. 데이터는키 / 값 (key/value) 의쌍으로저장 localstorage 와 sessionstorage localstorage 객체
접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee, the inventor
웹 접근성 : 최근 동향 신정식 jshin@i18nl10n.com 2006-06-29 웹 접근성 : 최근 동향 2 / 30 신정식 접근성과 웹 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Tim Berners-Lee,
Voice Portal using Oracle 9i AS Wireless
Voice Portal Platform using Oracle9iAS Wireless 20020829 Oracle Technology Day 1 Contents Introduction Voice Portal Voice Web Voice XML Voice Portal Platform using Oracle9iAS Wireless Voice Portal Video
Orcad Capture 9.x
OrCAD Capture Workbook (Ver 10.xx) 0 Capture 1 2 3 Capture for window 4.opj ( OrCAD Project file) Design file Programe link file..dsn (OrCAD Design file) Design file..olb (OrCAD Library file) file..upd
초보자를 위한 C# 21일 완성
C# 21., 21 C#., 2 ~ 3 21. 2 ~ 3 21.,. 1~ 2 (, ), C#.,,.,., 21..,.,,, 3. A..,,.,.. Q&A.. 24 C#,.NET.,.,.,. Visual C# Visual Studio.NET,..,. CD., www. TeachYour sel f CSharp. com., ( )., C#.. C# 1, 1. WEEK
Connection 8 22 UniSQLConnection / / 9 3 UniSQL OID SET
135-080 679-4 13 02-3430-1200 1 2 11 2 12 2 2 8 21 Connection 8 22 UniSQLConnection 8 23 8 24 / / 9 3 UniSQL 11 31 OID 11 311 11 312 14 313 16 314 17 32 SET 19 321 20 322 23 323 24 33 GLO 26 331 GLO 26
자바-11장N'1-502
C h a p t e r 11 java.net.,,., (TCP/IP) (UDP/IP).,. 1 ISO OSI 7 1977 (ISO, International Standards Organization) (OSI, Open Systems Interconnection). 6 1983 X.200. OSI 7 [ 11-1] 7. 1 (Physical Layer),
MasoJava4_Dongbin.PDF
JSTORM http://wwwjstormpekr Issued by: < > Revision: Document Information Document title: Document file name: MasoJava4_Dongbindoc Revision number: Issued by: < > SI, dbin@handysoftcokr
Dialog Box 실행파일을 Web에 포함시키는 방법
DialogBox Web 1 Dialog Box Web 1 MFC ActiveX ControlWizard workspace 2 insert, ID 3 class 4 CDialogCtrl Class 5 classwizard OnCreate Create 6 ActiveX OCX 7 html 1 MFC ActiveX ControlWizard workspace New
구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용 한
수업환경구축 웹데이터베이스구축및실습 구축환경 OS : Windows 7 그외 OS 의경우교재 p26-40 참조 Windows 의다른버전은조금다르게나타날수있음 Browser : Google Chrome 다른브라우저를사용해도별차이없으나추후수업의모든과정은크롬사용 http://chrome.google.com 한림대학교웹데이터베이스 - 이윤환 APM 설치 : AUTOSET6
ibmdw_rest_v1.0.ppt
REST in Enterprise 박찬욱 1-1- MISSING PIECE OF ENTERPRISE Table of Contents 1. 2. REST 3. REST 4. REST 5. 2-2 - Wise chanwook.tistory.com / cwpark@itwise.co.kr / chanwook.god@gmail.com ARM WOA S&C AP ENI
JavaGeneralProgramming.PDF
, Java General Programming from Yongwoo s Park 1 , Java General Programming from Yongwoo s Park 2 , Java General Programming from Yongwoo s Park 3 < 1> (Java) ( 95/98/NT,, ) API , Java General Programming
PowerPoint 프레젠테이션
How to construct XSL and/or CSS for style sheet of XML files based on the data type definition 조윤상 ( 과편협기획운영위원 ) 1 Table of Contents 1. XML, XSL and CSS? 2. What is XSL? XSLT? XPath? XSL-FO? 3. What is
07 자바의 다양한 클래스.key
[ 07 ] . java.lang Object, Math, String, StringBuffer Byte, Short, Integer, Long, Float, Double, Boolean, Character. java.util Random, StringTokenizer Calendar, GregorianCalendar, Date. Collection, List,
<C0CCBCBCBFB52DC1A4B4EBBFF82DBCAEBBE7B3EDB9AE2D313939392D382E687770>
i ii iii iv v vi 1 2 3 4 가상대학 시스템의 국내외 현황 조사 가상대학 플랫폼 개발 이상적인 가상대학시스템의 미래상 제안 5 웹-기반 가상대학 시스템 전통적인 교수 방법 시간/공간 제약을 극복한 학습동기 부여 교수의 일방적인 내용전달 교수와 학생간의 상호작용 동료 학생들 간의 상호작용 가상대학 운영 공지사항,강의록 자료실, 메모 질의응답,
歯JavaExceptionHandling.PDF
(2001 3 ) from Yongwoo s Park Java Exception Handling Programming from Yongwoo s Park 1 Java Exception Handling Programming from Yongwoo s Park 2 1 4 11 4 4 try/catch 5 try/catch/finally 9 11 12 13 13
<4D F736F F F696E74202D20B5A5C0CCC5CDBAA3C0CCBDBA5F3130C1D6C2F75F31C2F7BDC32E >
Chapter 8 데이터베이스응용개발 목차 사용자인터페이스와도구들 웹인터페이스와데이터베이스 웹기초 Servlet 과 JSP 대규모웹응용개발 ASP.Net 8 장. 데이터베이스응용개발 (Page 1) 1. 사용자인터페이스와도구들 대부분의데이터베이스사용자들은 SQL을사용하지않음 응용프로그램 : 사용자와데이터베이스를연결 데이터베이스응용의구조 Front-end Middle
歯처리.PDF
E06 (Exception) 1 (Report) : { $I- } { I/O } Assign(InFile, InputName); Reset(InFile); { $I+ } { I/O } if IOResult 0 then { }; (Exception) 2 2 (Settling State) Post OnValidate BeforePost Post Settling
untitled
A Leader of Enterprise e-business Solution FORCS Co., LTD 1 OZ Application Getting Started 2 FORCS Co., LTD A Leader of Enterprise e-business Solution FORCS Co., LTD 3 OZ Application Getting Started 'OZ
쉽게 풀어쓴 C 프로그래밍
CHAPTER 3. HTML 멀티미디어와입력요소 웹브라우저와멀티미디어 예전방법 : HTML 안에서는 나 태그를사용하여야했고웹브라우저에는플래시나 ActiveX 를설치 HTML5: 와 태그가추가 오디오 요소의속성 오디오파일형식 MP3 'MPEG-1 Audio Layer-3' 의약자로 MPEG
thesis
( Design and Implementation of a Generalized Management Information Repository Service for Network and System Management ) ssp@nile nile.postech.ac..ac.kr DPE Lab. 1997 12 16 GMIRS GMIRS GMIRS prototype
MAX+plus II Getting Started - 무작정따라하기
무작정 따라하기 2001 10 4 / Version 20-2 0 MAX+plus II Digital, Schematic Capture MAX+plus II, IC, CPLD FPGA (Logic) ALTERA PLD FLEX10K Series EPF10K10QC208-4 MAX+plus II Project, Schematic, Design Compilation,
Solaris Express Developer Edition
Solaris Express Developer Edition : 2008 1 Solaris TM Express Developer Edition Solaris OS. Sun / Solaris, Java, Web 2.0,,. Developer Solaris Express Developer Edition System Requirements. 768MB. SPARC
하둡을이용한파일분산시스템 보안관리체제구현
하둡을이용한파일분산시스템 보안관리체제구현 목 차 - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - 1. 사용자가웹서버에로그인하여다양한서비스 ( 파일업 / 다운로드, 폴더생성 / 삭제 ) 를활용 2. 웹서버와연동된하둡서버에서업 / 다운로드된파일을분산저장. ( 자료송수신은 SSH 활용 ) - 9 - - 10 - - 11 -
slide2
Program P ::= CL CommandList CL ::= C C ; CL Command C ::= L = E while E : CL end print L Expression E ::= N ( E + E ) L &L LefthandSide L ::= I *L Variable I ::= Numeral N ::=
쉽게 풀어쓴 C 프로그래밍
CHAPTER 13. HTML5 위치정보와드래그앤드롭 SVG SVG(Scalable Vector Graphics) 는 XML- 기반의벡터이미지포맷 웹에서벡터 - 기반의그래픽을정의하는데사용 1999 년부터 W3C 에의하여표준 SVG 의장점 SVG 그래픽은확대되거나크기가변경되어도품질이손상되지않는다. SVG 파일에서모든요소와속성은애니메이션이가능하다. SVG 이미지는어떤텍스트에디터로도생성하고편집할수있다.
OCaml
OCaml 2009.. (khheo@ropas.snu.ac.kr) 1 ML 2 ML OCaml INRIA, France SML Bell lab. & Princeton, USA nml SNU/KAIST, KOREA 3 4 (let) (* ex1.ml *) let a = 10 let add x y = x + y (* ex2.ml *) let sumofsquare
Microsoft PowerPoint - Ajax
박태정 [akasha.park@gmail.com] 1 Ajax(Asynchronous JavaScript) JavaScript 에의한비동기적인통신으로 XML 기반의데이터를클라이언트인웹브라우저와서버사이에서교환 페이지의이동없이웹브라우저화면을동적변경 Ajax 장점 서버측의부담중일부를웹클라이언트에게넘겨주게되어서버어플리케이션성능향상 웹브라우저는요청을송신하면응답을기다리지않는다
TP_jsp7.PDF
(1) /WEB_INF.tld /WEB_INF/lib (2) /WEB_INF/web.xml (3) http://{tag library }/taglibs/{library} /web_inf/{
비긴쿡-자바 00앞부속
IT COOKBOOK 14 Java P r e f a c e Stay HungryStay Foolish 3D 15 C 3 16 Stay HungryStay Foolish CEO 2005 L e c t u r e S c h e d u l e 1 14 PPT API C A b o u t T h i s B o o k IT CookBook for Beginner Chapter
PowerPoint 프레젠테이션
HTML5 웹프로그래밍입문 부록. 웹서버구축하기 1 목차 A.1 웹서버시스템 A.2 PHP 사용하기 A.3 데이터베이스연결하기 2 A.1 웹서버시스템 3 웹서버의구축 웹서버컴퓨터구축 웹서버소프트웨어설치및실행 아파치 (Apache) 웹서버가대표적 서버실행프로그램 HTML5 폼을전달받아처리 PHP, JSP, Python 등 데이터베이스시스템 서버측에데이터를저장및효율적관리
Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]
![Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]](/thumbs/99/139882462.jpg "Microsoft PowerPoint - aj-lecture1-HTML-CSS-JS.ppt [호환 모드]")
Web Technology Stack HTML, CSS, JS Basics HTML Tutorial https://www.w3schools.com/html/default.asp CSS Tutorial https://www.w3schools.com/css/default.asp JS Tutorial 524730-1 2019 년봄학기 3/11/2019 박경신 https://www.w3schools.com/html/default.asp
11 템플릿적용 - Java Program Performance Tuning (김명호기술이사)
Java Program Performance Tuning ( ) n (Primes0) static List primes(int n) { List primes = new ArrayList(n); outer: for (int candidate = 2; n > 0; candidate++) { Iterator iter = primes.iterator(); while
02 C h a p t e r Java
02 C h a p t e r Java Bioinformatics in J a va,, 2 1,,,, C++, Python, (Java),,, (http://wwwbiojavaorg),, 13, 3D GUI,,, (Java programming language) (Sun Microsystems) 1995 1990 (green project) TV 22 CHAPTER
Java XPath API (한글)
XML : Elliotte Rusty Harold, Adjunct Professor, Polytechnic University 2006 9 04 2006 10 17 문서옵션 제안및의견 XPath Document Object Model (DOM). XML XPath. Java 5 XPath XML - javax.xml.xpath.,? "?"? ".... 4.
강의10
Computer Programming gdb and awk 12 th Lecture 김현철컴퓨터공학부서울대학교 순서 C Compiler and Linker 보충 Static vs Shared Libraries ( 계속 ) gdb awk Q&A Shared vs Static Libraries ( 계속 ) Advantage of Using Libraries Reduced
SMB_ICMP_UDP(huichang).PDF
SMB(Server Message Block) UDP(User Datagram Protocol) ICMP(Internet Control Message Protocol) SMB (Server Message Block) SMB? : Microsoft IBM, Intel,. Unix NFS. SMB client/server. Client server request
untitled
Push... 2 Push... 4 Push... 5 Push... 13 Push... 15 1 FORCS Co., LTD A Leader of Enterprise e-business Solution Push (Daemon ), Push Push Observer. Push., Observer. Session. Thread Thread. Observer ID.
PHP & ASP
단어장프로젝트 프로젝트2 단어장 select * from address where address like '% 경기도 %' td,li,input{font-size:9pt}
WEB HTML CSS Overview
WEB HTML CSS Overview 2017 spring seminar bloo 오늘의수업은 실습 오늘의수업은 이상 : 12:40 목표 : 1:00 밤샘 SPARCS 실습 오늘의수업은 근데숙제는많음 화이팅 WEB 2017 spring seminar bloo WEB WEB 의원시적형태 WEB 의원시적형태 질문 못받음 ㅈㅅ HTML 2017 spring seminar
PowerPoint 프레젠테이션
Web server porting 2 Jo, Heeseung Web 을이용한 LED 제어 Web 을이용한 LED 제어프로그램 web 에서데이터를전송받아타겟보드의 LED 를조작하는프로그램을작성하기위해다음과같은소스파일을생성 2 Web 을이용한 LED 제어 LED 제어프로그램작성 8bitled.html 파일을작성 root@ubuntu:/working/web# vi
자바 프로그래밍
5 (kkman@mail.sangji.ac.kr) (Class), (template) (Object) public, final, abstract [modifier] class ClassName { // // (, ) Class Circle { int radius, color ; int x, y ; float getarea() { return 3.14159
Domino Designer Portal Development tools Rational Application Developer WebSphere Portlet Factory Workplace Designer Workplace Forms Designer
Domino, Portal & Workplace WPLC FTSS Domino Designer Portal Development tools Rational Application Developer WebSphere Portlet Factory Workplace Designer Workplace Forms Designer ? Lotus Notes Clients
C프로-3장c03逞풚
C h a p t e r 03 C++ 3 1 9 4 3 break continue 2 110 if if else if else switch 1 if if if 3 1 1 if 2 2 3 if if 1 2 111 01 #include 02 using namespace std; 03 void main( ) 04 { 05 int x; 06 07
var answer = confirm(" 확인이나취소를누르세요."); // 확인창은사용자의의사를묻는데사용합니다. if(answer == true){ document.write(" 확인을눌렀습니다."); else { document.write(" 취소를눌렀습니다.");
자바스크립트 (JavaScript) - HTML 은사용자에게인터페이스 (interface) 를제공하는언어 - 자바스크립트는서버로데이터를전송하지않고서할수있는데이터처리를수행한다. - 자바스크립트는 HTML 나 JSP 에서작성할수있고 ( 내부스크립트 ), 별도의파일로도작성이가능하다 ( 외 부스크립트 ). - 내부스크립트 - 외부스크립트
JMF3_심빈구.PDF
JMF JSTORM http://wwwjstormpekr Issued by: < > Revision: Document Information Document title: Document file name: Revision number: Issued by: JMF3_ doc Issue Date:
( )부록
A ppendix 1 2010 5 21 SDK 2.2. 2.1 SDK. DevGuide SDK. 2.2 Frozen Yoghurt Froyo. Donut, Cupcake, Eclair 1. Froyo (Ginger Bread) 2010. Froyo Eclair 0.1.. 2.2. UI,... 2.2. PC 850 CPU Froyo......... 2. 2.1.
SK IoT IoT SK IoT onem2m OIC IoT onem2m LG IoT SK IoT KAIST NCSoft Yo Studio tidev kr 5 SK IoT DMB SK IoT A M LG SDS 6 OS API 7 ios API API BaaS Backend as a Service IoT IoT ThingPlug SK IoT SK M2M M2M
20주년용
지상파 하이브리드 TV 시스템 개발 초고속 통신망의 발전으로 인터넷을 통한 고화질 비디오 서비스가 가능하게 되었고, IPTV 서비스 등의 방통융합서비스도 본격화되고 있 또한 최근에는 단순한 방송시청 뿐 만 아니라 검색이나 SNS 서비스 등의 다양한 기능을 가진 스마트TV도 등장하였 이에 따라 방송 이외의 매체를 통한 비디오 콘텐츠 소비가 증가하고 있고, IT사업자들과
쉽게 풀어쓴 C 프로그래밍
CHAPTER 10. DOM 과이벤트처리, 입력검 증 문서객체모델 (DOM) DOM 은 HTML 문서의계층적인구조를트리 (tree) 로표현 DOM 과 BOM HTML 문서를객체로표현한것을 DOM 웹브라우저를객체로표현한것을 BOM(Browser Object Model) HTML 요소찾기 동적인웹페이지를작성하려면원하는요소를찾아야한다. id 로찾기 태그이름으로찾기
Portal_9iAS.ppt [읽기 전용]
![Portal_9iAS.ppt [읽기 전용]](/thumbs/104/163081918.jpg "Portal_9iAS.ppt [읽기 전용]")
Application Server iplatform Oracle9 A P P L I C A T I O N S E R V E R i Oracle9i Application Server e-business Portal Client Database Server e-business Portals B2C, B2B, B2E, WebsiteX B2Me GUI ID B2C