HTML5

2013/02/25

• 2 tier

app                  ->            DB

(middle)            <-

ex) VisualBasic..

• 3 tier

(request)

UI            ->            Business            ->            DB

        <-              Middle               <-        

(response)            *WAS

우리가 요즘 쓰는 웹이 다 3 tier

웹이 좋은 이유는 유지보수성과 신속성, 업데이트

• 2tier와 3tier의 차이점

[browser]        (request)->         [Web Server]

<-(response)         html+javascript

   jsp -> java파일.. 이게 servlet

JavaScript 가 정적인페이지에서 동적인페이지로 가기 전에 사전에 체크해줌. 

UI(앞단, front) <-> 뒷단

UI 대신에 HTML을 번역하는 번역기(interpreter)가 대체(?)

HTML을 클라이언트에게 뿌려주면 브라우저가 번역해줌.

유지보수성 용이

Thin Client,, 점점 클라이언트(브라우저)가 가벼워질 것이다.

html5 

브라우저가 웹 해석기 역할을 한다.

Hypertext Transfer Protocol

• The Hypertext Transfer Protocol (HTTP) supports

serving up documents in the Hypertext Markup

Language (HTML): 전자문서를 교환(?)하기 위한 약속

• HTML documents include links to other Web

documents.

• Web documents may also include forms to pass data

from the user to the Web server.

• HTTP can serve any type of document.

web app                          * WAS 

•Servlet         ->         java API                           or Web Container => 객체를 생성

extends HttpServlet

<form action="">

 ↑서버 프로그램

web.xml(DD)

url-pattern

2-tier

클라이언트 쪽에서 사용자 인터페이스가 동작하고 서버 쪽에서 데이타베이스가 저장되어 있는 클라이언트/서버 구조. 실제 응용 논리(application logic)는 클라이언트나 서버 중 한 곳에서 동작한다. 만약 클라이언트 쪽에서 동작한다면, 서버에 대한 모든 요구(request) 처리를 클라이언트가 해주어야 하고 직접 서버에 접근한다. 따라서 클라이언트와 서버가 서로 독립적이지 못하고 의존적이다. 최근의 새로운 3-tier 클라이언트/서버 구조에서는 응용 논리를 중간 계층(middle tier)에서 동작시킨다.

3-tier

각각 서로 다른 플랫폼에서 동작하는 3개의 잘 정의된 독립 프로세스들로 구성된 클라이언트/서버 구조. client: 사용자의 컴퓨터에서 동작하는 사용자 인터페이스. application server(middle tier): 실제로 데이타를 처리하는 기능 모듈(응용 논리; application logic). 서버에서 동작한다. DBMS: 중간 계층에서 요구하는 데이타를 저장하고 있다. 데이타베이스 서버에서 동작한다. 중간 계층에서 클라이언트의 요구를 처리하므로 클라이언트와 데이타베이스 서버를 독립적으로 동작시킬 수 있다. 3-tier 구조는 전통적인 2-tier 구조보다 다음과 같은 많은 장점을 가지고 있다. 확장 용이: 다른 tier에 영향을 미치지 않고 어떤 한 tier를 쉽게 수정하거나 교체할 수 있다. load balancing 용이: application 기능과 데이타베이스 기능을 분리하여 load balancing하기가 쉬워졌다.

출처:http://myhome.shinbiro.com/~oacnc94/pcmade/dictionaryT.html#2-tier

html     javascript     sevlet/JSP     Model2(MVC)         Ajax       ★ jQuery *        Framework                            Android

  javascript                            Spring(DI, AOP, MVC)             Hybrid

json                                ibatis

xml                                 tiles