30
웹 웹웹웹웹웹웹 웹웹 JSP 와 Ajax 와 와와와 와와 2002122189 와와와

웹 프로그래밍의 이해

Embed Size (px)

DESCRIPTION

웹 프로그래밍의 이해. JSP 와 Ajax 의 소개와 이해 2002122189 이강렬. 개 요. 웹 프로그래밍이란 ? 동적 웹페이지의 이점 정적페이지와 동적페이지의 비교 Server Side 웹 프로그래밍 Server Side 웹 프로그래밍 원리 JSP 의 소개와 이해 Client Side 웹 프로그래밍 Client Side 웹 프로그래밍 원리 Ajax 의 소개와 이해. 웹 프로그래밍이란 ?. 웹을 기반으로 실행되는 프로그램을 개발하는 것 - PowerPoint PPT Presentation

Citation preview

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 -