웹 프로그래밍의 이해
DESCRIPTION
웹 프로그래밍의 이해. JSP 와 Ajax 의 소개와 이해 2002122189 이강렬. 개 요. 웹 프로그래밍이란 ? 동적 웹페이지의 이점 정적페이지와 동적페이지의 비교 Server Side 웹 프로그래밍 Server Side 웹 프로그래밍 원리 JSP 의 소개와 이해 Client Side 웹 프로그래밍 Client Side 웹 프로그래밍 원리 Ajax 의 소개와 이해. 웹 프로그래밍이란 ?. 웹을 기반으로 실행되는 프로그램을 개발하는 것 - PowerPoint PPT PresentationTRANSCRIPT
JSP Ajax 2002122189 ? Server Side Server Side JSP Client Side Client Side Ajax ? Server-Client : HTMLServer : JSP(), ASP(Vbscript) Client : Javascript, Vbscript Javascript XML Ajax
, (hypertext) . WWW (web) , 1989 (CERN) Tim Bernars-Lee , . , , . (web server) (home page) , (link) . ( ) . (WWW) . (HTML) . (HTTP) . CERN (UCSA) . (browser), NCSA (Mosaic), (Netscape Navigator), (Internet Explorer) . 1994 . : http://itdic.empas.com/view.tsp/@2588
3 Server page page page
ClientWeb browserWebSeverWeb pageWeb page Server need client 1 , ,
ClientWeb browserWebSeverWeb pageWeb page ServerWeb
SeverData BaseServerClient AClient BClient CClient C.htmClient B.htmClient A.htmIf(a)A Else if(b)B Else if (c)C Server Side Client Server Web page Server Client HTML Web page Client Web page Server Web page ()CGI Application Server Side Application server Web page Server Side ServerWeb
SeverWebApplicationServerData BaseServerDB driverRequestHTML,ASP, JSP,PHP .ResponseHTMLClientClientClientClientClientClientApplication Server (1) ServerWeb
SeverRequestClientClientClientClientClientClient(1) URL page Application Server (2)ServerWeb
SeverWebApplication server(2) Page page Web Server WAS page Application Server (3) ServerWeb
SeverWebApplication server (3) WAS , DB DBDriverDBApplication Server (4) ServerWeb
SeverWebApplication server Return OutputDB(4) WAS HTML Web Server Application Server (5) ServerWeb
SeverWebApplication server ClientClientClientClientClientClientResponse(HTML)DB(5) HTML Page Client .JSP JSP(Java Server Pages) Java /EJB . (CGI) , . CGI , (daemon) (thread) . (add-on) (IIS), ./ , . (Java Beans) , , EJB 14JSP ServerWeb
SeverWebApplicationServerData BaseServerDB driverRequestHTML,ASP, JSPResponseHTMLClientClientClientClientClientClientRequest JSPJVMJDBCClient Side Client Page / Client Client , JavaScript XML Ajax Client side ClientWeb
SeverWeb
Browser
Web pageWeb page
.. Web Browser Client Ajax Ajax(Asynchronous JavaScript and XML) Javascript Page XML Client side XMLHttpRequest Ajax Ajax , , Ajax Ajax Http Script charset Ajax XMLHttpRequest : DOM : , CSS : , , UI Javascript : interactive XML : , DBXmlhttpRequest , , .Dom XML HTML APICSS Javascript : XMLHttpRequest , XMLHttpRequest DOM, CSS
XML
20
Ajax DOM documenthtmlheadbodytitleh1p
DOM
CSS
Ajax CSS
h1{color : blue}
CSS
CSS Ajax ClientWeb
SeverWebBrowser
XMLHttpRequest Request dataJavascript &DOMWeb page(1) Javascript web page data XMLHttpRequest XML Ajax ClientWeb
SeverWebBrowser
XMLHttpRequest Request data(2) XMLHttpRequest data Javascript &DOMWeb pageXML Ajax ServerWebApplicationServerData BaseServerWeb SeverData (3) Web Sever WAS DB data .Ajax ClientWeb
SeverWebBrowser
XMLHttpRequest Response data(4) XMLHttpRequest data Javascript &DOMWeb pageXML Ajax ClientWeb
SeverWebBrowser
XMLHttpRequest Response dataJavascript &DOMWeb page(5) XMLHttpRequest Javascript DOM .XML Ajax ClientWeb
SeverWebBrowser
XMLHttpRequest Javascript &DOMWeb page(6) .XML - Q & A -