Contents
Class #10: 웹 응용 시스템 개발 환경
in place March 26, 2002, lasted modified March 26, 2002, release 1.0
월드와이드 웹
1992년 스위스 CERN에서 hypermedia 프로젝트 결과로 출발 현재 정보시스템의 기본 플렛폼으로 각광
웹의 구성요소
- 인터넷
- 컴퓨터로 구성된 지역 네트웍을 통신망으로 연결한 네트웍의 네트웍
- 응용 프로토콜로 TCP/IP, HTTP등을 사용
- 세계 70개국 30,000 여개의 지역 네트웍 연결
- SMTP, Telnet, FTP 등의 프로토콜 지원
- 웹
- Web Server와 Web Browser가 협동하여 웹사이트의 자료를 제공하는 서비스
- Web Page는 문자, 그림, 소리, 영상을 포함하는 복합문서
- URL (Uniform Resource Locator)
- 인터넷에 연결된 모든 Web Page를 고유하게 식별하기 위해 부여된 주소
- URL은 문서, 이미지, 음향, 프로그램등을 모두 포함
- HTTP (Hyper Text Transfer Protpcol)
- 웹의 URL공간의 자원들을 지원하기 위해 TCP/IP 위에서 실행되는 프로토콜
- 1990 년 인터넷상의 자료전송을 위해 사용
- HTTP는 클라이언트/서버 시스템의 일종이지만 Stateless
- TCP/IP 상의 RPC의 일종
- 클라이언트는 URL을 이용하여 서버에 요청하고 서버는 요청을 처리한 후 연결을 잊어버림
- HTML (Hyper Text Mark-Up Language)
- Hyper Link를 내장하고 웹문서의 내용을 기술하는 Tag 문서
- 웹은 거대한 HTML의 집합
- HTML은 Web Server에 존재하며 클라이언트의 Request에 의하여 제공
- HTML 파일은 Ascii 파일로써 HTML Tag를 포함
- HTML 과 XML 은 SGML 의 부분집합이며 HTML은 형식정의 XML은 의미정의
- Web Browser
- Web Server에 HTML 문서를 요구하고 이를 Display 하는 기능을 하는 Browser
- Web 상의 Clinet
- 문서의 요구는 URL을 직접처리하거나 HTML 문서상의 Hyperlink
- 서버에서 보낸 HTML을 Tag에 맞게 출력
- 각 OS 에 구현되어 플렛폼 독립성 보장
- Java Applet 지원 - VMS 내장 c.f Active X Component
- Client SIde Script 지원 - Java Script, VBScript
- OS 파일에 연동된 Application invocation 지원
- 쿠키 지원 - Stateless 를 극복하기 위한 Clinet Side의 Memory 확보
- Web Server
- HTTP 프로토콜에 따라 요구된 Service를 지원하는 서버 프로그램
- 데몬 형식으로 존재 - 서버 프로세스 존재 (HTTPD)
- 필터 기능을 이용하여 Server SIde Script 제공
- Common Gateway Interface
- 정적 HTML에서 프로그램을 실행시키기 위한 방법
- HTML 의 FORM Tag에 의하여 지원
- FORM Tag의 Actionn attribute 상의 프로그램을 FORM 안의 INPUT Tag를 클릭할 겨우 실행
- Web을 Database및 여러 Application 서버로 사용할수 있게 하는 기본적 기제
클라이언트 서버 모델
- 기존의 클라이언트 서버는 LAN을 매체, 웹은 인터넷을 매체
- Host 중심 computing(Sever 중심) 과 Client/Server 장점을 이용
- Java 및 Client Side Script 등에서 Network 상에 Code를 전달하는 Network Computing 각광
- Web의 구동 이해
- 목표 URL 선정
- 서버에 HTTP 요청
- 서버의 처리
- HTML 명령 해석과 화면 출력
- 클라이언트와 서버
- 웹브라우저 - 클라이언트, Web Server - 서버, Network - Internet
- Host 시대와 비슷한 Ser ver 중심의 Computing
- Web Brower는 Request를 서버에 보내고 결과를 해석하여 출력하는 간단한 기능
- 단 특정한 형식이 아닌 일반적인 멀티미디어 Hypermedia 문서를 요청하고 이를 해석하는 기능
- Stateless 로 서버와의 영속적 연결이 없음 - 단점 Session 구현, 장점 - Performance
- 서버는 파일관리, 클라이언트 요청 접수 실행, 결과 전송의 대부분의 일을 맡는다.
- 이러한 서버 중심의 단점을 보안하기 위하여 Java Applet, Active X Component, Java Script 등 출현
- IP 주소와 URL
http://kedb.gsnu.ac.kr:7800/ta/default.asp http 프로토콜 스킴 - 어떤 프로토콜을 사용할 것인가 - HTTP, FTP, MAILTO ://kedb.gsnu.ac.kr 서버이름, IP 주소 :7800 포트번호 - 지정하지 않으면 임의 /ta/default.asp 목표자원에 대한 경로 - 표현 논리(Presentation Logic) 와 HTML
- 기존의 클라이언트 서버는 표현논리가 클라이언트 쪽에 Coding되어 있음
- 웹은 표현논리가 HTML 형식으로 서버쪽에 존재하며 이를 블라우저가 가져와 표현
- 혹은 서버쪽의 프로그램 CGI 에 의하여 작성되고 이를 브라우저가 가져와 표현
- HTML은 Hyper Link 기능을 제공
- HTML은 FORM 기능을 제공
- 정적 페이지와 동적 페이지
- 기본적인 웹 페이지는 정보를 일방적으로 사용자에게 보여주는 기능을 함
- 서버의 웹페이지를 변경하기 전까지는 계속 동일한 내용을 보여줌
- 이를 해결하기 위하여 CGI 고안
FORM TAG 웹서버에 필요한 프로그램 및 파라메터를 입력할수 있게 하는 Tag FORM 예제 INPUT TAG FORM Tag의 INPUT 중 지금입력된 내용을 서버에 전달하도록 하는 TAG INPUT TAG CGI 프로그램 서버에 존재하며 서비스를 제공하는 프로그램, 이 프로그램에서 필요한 표현 Logic를 HTML로 생성 CGI 예제 
그림 10-1 동적인 웹 환경
웹 데이타베이스
새로운 웹기술과 기존의 데이타베이스 기술을 통합하여 웹을 응용시스템 수준으로 발전시킨 기술
웹과 데이타베이스
- 웹과 데이타베이스 요소의 통합
그림 10-1 웹과 데이타베이스 통합 - 클라이언트/서버 Application과 Web Application 비교
특성 클라이언트/서버 데이타베이스 웹 데이타베이스 플렛폼 종속 독립 프로그램 실행속도 컴파일러 - 빠르다 인터프리터 - 느리다 클라이언트 프로그램 설치 필요 설치 불필요 클라이언트 비중 크다 작다 유지보수 비용 크다 작다 인터페이스 비친숙 친숙 기존 응용과 통합 어려움 쉽다 멀티미디어 추가 곤란 쉽다 데이타베이스 연결상태 지속 비지속
직접연결 기법
- 브라우저 에서 서버의 DB Application 요청
- Application 이 Browser로 Download
- Download 된 Application과 DB 가 직접연결
- 일반적인 Client/Server 모드로 연결유지
그림 10-3 데이타베이스 직접 연결 기법
간접연결 기법
- 브라우저에서 CGI Call
- CGI 가 Database Connection을 연결후 데이타베이스에서 필요한 자료를 검색
- CGI 가 결과를 Web Browser로 HTML 형식으로 전송
그림 10-4 데이타베이스 간접 연결 기법
통합된 모형
- CGI
- Server Side Script
- Client SIde Script
- Web Components
그림 10-4 통합된 Web Application
Knowledge & Engineering Databases (c) copyright Namchul Do, 2002