웹(WWW).

Presentation on theme: "웹(WWW)."— Presentation transcript:

1 웹(WWW)

2 학습목표 내용 웹 서비스를 위한 클라이언트-서버 구조를 살펴본다.
웹 서비스를 지원하는 APM(Apache, PHP, MySQL)의 연동 방식을 이해한다. HTML이 지원하는 기본 태그 명령어와 프레임 구조를 이해한다. HTTP의 요청.응답 메시지의 구조와 동작 원리를 이해한다. CGI의 원리를 이해하고, FORM 태그로 사용자 입력을 처리하는 방식을 알아본다. 내용 웹 서비스 HTML HTTP CGI 요약 연습문제

3 01_웹 서비스 클라이언트-서버 모델 웹WWW, World Wide Web 서버의 TCP 포트 번호 : 80번으로 지정
URLUniform Resource Locator 웹 서버를 지칭 프로토콜, 연결하는 서버의 호스트 이름, 서버 내부의 파일 경로명으로 표현 예) 서버가 유닉스, 리눅스 시스템일 때 로그인 이름 : hong 홈 디렉토리(로그인 디렉토리) : /public_html/index.html

4 01_웹 서비스(연결설정과 해제) 웹 서비스의 동작 원리 ❶ 웹 브라우저에 URL 주소를 입력
❷ 클라이언트는 서버 호스트 이름을 DNS 서버에 전송, 웹 서버의 IP 주소 얻음 ❸ IP 주소와 Well-known 포트 80번을 사용하여 웹 서버와 TCP 연결을 시도 ❹ TCP 연결이 설정되고 클라이언트가 서버에 GET 명령을 전송 ❺ 서버가 요청한 웹 문서를 웹 브라우저에 회신 ❻ 둘 사이의 TCP 연결을 해제 ❼ 웹 브라우저는 해당 파일의 내용을 사용자가 볼 수 있게 화면에 표시

5 01_웹 서비스

6 01_웹 서비스 APM의 웹 서비스 구조 APMApache, PHP, MySQL PHP
PHP : 유닉스나 리눅스 환경에서 주로 사용하는 웹 페이지를 만드는 프로그램 언 어(MS 윈도우 서버에서는 ASP를 사용) 아파치Apache : 웹 서버 프로그램 MySQL : 데이터베이스 PHP HTML 언어의 기능을 보완, 문서 내부에 PHP 코드를 추가하는 형식으로 사용 모든 종류의 운영체제에서 지원 공개용 데이터베이스인 MySQL과도 연동이 쉬움

7 01_웹 서비스 APM의 동작 원리 ❶ 웹 브라우저가 Apache에 웹 문서 요청 ❷ PHP 코드 처리 필요 시 PHP에 요청
❸ 데이터베이스 처리 필요 시 MySQL에 요청 ❹ 데이터베이스 결과 회신 ❺ PHP가 실행 결과인 HTML 코드 회신 ❻ 웹 문서를 웹 브라우저에 회신

8 01_웹 서비스 PHP 코드의 처리 HTML 문서 내용의 일부로 작성되며, ‘<?’와 ‘?>’ 구분자를 사용
PHP 코드가 포함된 HTML 문서는 확장자가 .php 웹 브라우저에 회신되는 내용 : PHP 코드는 서버에서 실행되고 결과만 회신

9 02_HTML HTML 문서의 구조 HTMLHyperText Markup Language : 웹 문서를 작성하는 언어

10 02_HTML 기본 태그 태그 이름 좌우에 ‘< ’와 ‘ >’ 문자를 표기
시작 위치에는 태그 이름, 종료 위치에는 ‘/’ 문자와 태그 이름을 함께 표시

11 02_HTML

12 02_HTML 표 태그 예제 13-5 HTML로 2×5의 표를 만들기

13 02_HTML

14 02_HTML 프레임 태그 한 화면을 여러 프레임Frame으로 나누는 기능

15 03_HTTP HTTP의 요청과 응답 HTTPHyperText Transfer Protocol
웹 문서를 전송하는 프로토콜 HTTP: TCP 포트 80 번 HTTP의 요청과 응답 RFC 2616으로 발표된 HTTP 1.1 버전 클라이언트의 요청과 서버의 응답에 의해 동작하는 간단한 프로토콜 동작 원리 HTTP 클라이언트가 서버에 요청을 전송, 요청 메서드, URL, HTTP 버전과 기타 부가 정보 포함 HTTP 서버가 요청의 결과인 응답 코드가 포함된 정보를 회신

16 03_HTTP 비상태 연결 요청과 응답 이후, 연결이 끊어지므로 비상태 프로토콜

17 03_HTTP MIME 유사 메시지 HTTP의 요청 .응답 메시지는 MIME Multipurpose Internet Message Extensions 유사 구조를 사용해 데이터를 전송 요청 메시지

18 03_HTTP 요청 메서드Request Method : 클라이언트가 서버에 실행을 요구하는 명령을 기술 요청 메서드의 명령
예) GET / HTTP/1.1 요청 메서드 : GET URL : / HTTP 버전 : HTTP/1.1

19 03_HTTP 응답 메시지

20 03_HTTP 상태 코드

21 03_HTTP HTTP의 동작 과정 요청 메시지 요청 메서드 : GET URL : /index.php
HTTP 버전 : HTTP/1.1 서버 주소 : uu.ac.kr

22 03_HTTP 응답 메시지

23 03_HTTP 시뮬레이션 HTTP 서버 : uu.ac.kr ❶ telnet 명령으로 연결을 시도
❸ 사용자가 GET/index.php, HTTP/1.1, Host: uu.ac.kr 두 줄과 공백 한 줄을 입력 ❹ 요청 메시지를 수신한 HTTP 서버는 HTTP/ OK를 시작으로, 응답 메시 지를 회신하고 HTTP 동작을 완료

24 03_HTTP

25 04_CGI CGICommon Gateway Interface 사용자(클라이언트)가 입력하는 정보를 처리함
C, C++, 셸Shell, 펄Perl 등과 같은 언어로 작성되어 서버에서 실행되는 프로그램

26 04_CGI (사용자의 입력을 서버로 전달) (웹브라우저 화면에 입력하는 사용자 정보 형식 표시)

27 04_CGI