환영합니다!

Download Report

Transcript 환영합니다!

인터넷과 웹
인터넷의 정의와 이해
 프로토콜로서 TCP/IP(Tansmission Control
Protocol/Internet Protocol)을 기반으로 기존의 크고
작은 네트워크들을 연결시킨 네트워크와 네트워크의
연결
 정보의 바다(Sea of Information)
 네트워크의 네트워크(Network of Networks)
 지구촌의 네트워크(Global Network)
2
인터넷과 유용성
 간편하고 빠르게 정보를 얻을 수 있다
 해당분야의 전문가와 쉽게 의견을 교환할 수 있다
 최신정보를 얻을 수 있다
 자신이 가진 정보를 다른 사용자에게 제공할 수 있다
 국가나 지역이 다른 사용자와 쉽게 공동연구나 공동작업을
할 수 있다
 전 세계의 정보를 제약없이 얻을 수 있다
3
국내 인터넷 연결현황 -2002년 9월
4
인터넷 사용자의 증가현황
5
인터넷 서비스 종류
 전자메일 (E-mail)
 파일전송서비스 (ftp)
 원격접속서비스(telnet)
 유스넷(USENET)
 채팅(Internet Relay Chatting ; IRC)
 고퍼(Gopher)
 월드와이드웹(World wide Web ; WWW)
6
전자메일
7
파일전송서비스
8
원격접속서비스
9
월드와이드 웹
 월드와이드웹
 국제적으로 분산된 지역의 연구팀들이 공동연구를 진행하
기 위한 자료들을 공유, 수정하기 위해서 개발됨
 WWW은 인터넷상의 수많은 컴퓨터에 있는 서로 링크(link)
된 문서들의 액세스를 위한 구조적 골격
 WWW은 사용하기 쉬운 인터페이스로 인해 대중화되었으
며 거의 모든 주제에 대한 정보를 풍부하게 제공하고 있음
10
월드와이드 웹
검색엔진
URL
웹 서버
TCP/IP
브라우저
HTML
문서
일반적인 웹의 작동원리
11
웹 서버
인터넷의 구조 -클라이언트
 웹: 웹 페이지 라고 하는 문서들의 집합
 하이퍼텍스트(hypertext): 다른 페이지에 대한 링크정보를
가지고 있는 텍스트
 하이퍼링크(hyperlink): 다른 웹 페이지의 링크정보를 가지
는 웹페이지 본문의 문자나 그림
 웹 항해(navigation): 하이퍼링크들을 통한 웹 페이지들의
액세스
 하이퍼미디어(hypermedia): 이미지나 동영상같은 매체들
과 l하이퍼텍스트 페이지가 혼합된 상태를 의미
 브라우저들은 이미 방문했던 페이지를 지역 디스크에 캐싱
(caching)
12
인터넷의 구조 - 서버


웹 사이트에서 서버와 클라이언트의 요청과 응답을 정
의하는 프로토콜을 HTTP라고 함
사용자가 클릭해서 페이지가 출력되기까지 거치는 과정








13
브라우저가 URL 결정
브라우저가 URL에 대한 IP주소를 DNS에 요청
DNS가 이에 대응하는 IP주소를 넘겨줌
브라우저가 port 80에 TCP 연결 설정
브라우저가 homepage 파일을 가져오라는 명령 전송
서버가 homepage 파일 전송
TCP 연결 해제
브라우저가 homepage파일 출력
인터넷의 구조 - 서버
 프록시(proxy) 서버




14
Unknown 프로토콜에 대한 처리
캐시 서버 역할
파이어월(firewall) 내부에서 실질적인 정보의
서버 역할
URL(Uniform Resource Locator)
 protocol://IP address/object-path
ftp
http
gopher
mailto
news
nntp
telnet
wais
file
prospero
15
File Transfer protocol
Hypertext Transfer Protocol
The Gopher protocol
Electronic mail address
USENET news
USENET news using NNTP access
Reference to interactive sessions
Wide Area Information Servers
Host-specific file names
Prospero Directory Service
인터넷의 구조 - TCP/IP
 인터넷의 표준 프로토콜
 서로 다른 기종의 컴퓨터간의 정보전송이 가능하도록 하는
규약들을 체계적으로 정리한 것
 신뢰성과 호환성이 뛰어나고 다양한 용도로 사용 가능
 IP : 패킷을 다른 장소로 이동시키는 역할
 TCP : 정보의 흐름을 관리
16
IP address
 네트워크에 관한 부분(netid)과 호스트부분(hostid)로 이루
어진 32bit 숫자
 클래스에 따라 연결할 수 있는 호스트의 수가 달라진다.
17
Domain name
 도메인 네임의 기관종류의 표기법
(Domain Name Server : DNS)
18
도메인네임의 국가명표기
19
URI
 URI(Uniform Resource Identifier)는 WWW에서 제공하는
자원의 정확한 위치를 구별하기 위한 문자 스트링
 URL(Uniform Resource Locator)과 URN (Uniform
Resource Name), URC(Uniform Resource Citation)를
포함
 URI의 가장 흔한 사용법은 URL을 사용하여 웹 페이지를
가리키는 것
 URL의 일반적인 형식은 다음과 같다
20
URI
일반적인 URL
21
URL의 문제점과 해결방법
 문제점
 사라진 링크나 옮겨진 사이트로의 연결을 위해 언제까지
기다려야 할지 알지 못함(지속성의 결핍)
 해결방법
 URN의 사용 – URN은 한 객체에 고정되어 있고 그 객체가
어디에 있든지 바뀌지 않으며, 자원의 여러 복사판이 있다
면 자원을 요청하는 사용자 에이전트(agent)에서 가장 가
까운 장소를 찾아줌
 URC의 사용 – 저자, 제목, 가능한 추가 주소 등의 정보를
제공
22
인터넷에서의 멀티미디어 사용
 인터넷상에서 정적인 데이터의 구현
웹브라우저만으로 충분
 인터넷상에서 동적인 데이터의 구현
플러그인(Plug-in)기능
 2차원의 애니메이션
 Animated GIF나 Shockwave Flash
 동영상, 사운드
 RealPlayer
 3차원 그래픽 기술
 VRML, Superscape VRT
23
인터넷폰과 인터넷방송
24
하이퍼미디어
25
하이퍼미디어의 예
26
HTTP와 HTML 그리고 XML
 3.5.1 HTTP
 분산환경 및 공동작업 환경에 이용할 하이퍼미디어 정
보시스템의 개발을 목적으로 설계된 응용 계층의 프로
토콜
 WWW에서의 하이퍼텍스트 문서의 전송을 위해 쓰임
 멀티미디어 데이터를 MIME으로 정의하여 전송

27
MIME(Multipurpose Internet Mail Extensions)
-ASCII 형식이 아닌 문자, 그림이나 소리 등도 메일을
통해 보낼 수 있게 확장 한 것
HTTP
 웹 만이 아니라 향후의 객체지향 응용을 위하여 포괄적으
로 설계되었음
내부적으로 정의된 HTTP 명령요청
28
HTML
 SGML(Standard Generalized Markup Language)에서 시
작해서 하이퍼텍스트를 지원하는 형태로 발전
 문서형식을 기술하는 마크업(markup) 언어
 현재 HTML 4.0 권고안까지 확정된 상태
 정확한 웹 페이지는 <HTML>과 </HTML> 태그 사이의
head와 body 부분으로 구성
 태그는 대소문자 구별이 없음
29
HTML
기본적인 HTML 태그
30
HTML
간단한 HTML 소스와 예제
31
XML
 XML
 CSS와 완전히 확장 가능하고 구조적으로 표준화된 마크
업 언어
 CSS
 문서의 구조와 분리해서 페이 요소들의 스타일을 명시
 DTD
 XML문서의 요소및 계층의 구조, 요소의 속성등을 선언하
는 방법
 스키마
 DTD의 한계를 느낀 개발자들이 제안한 XML 문서구조 정
의 방법
32
XML
 XML 문서의 구조
 Proglog 부분 과 Body 부분으로 나누어 볼수 있다.
33
XML
 Well-Formed XML
 W3C가 제시한 규칙만을 지켜서 작성된 문서
 Well-Formed XML 요구사항
시작 태그와 끝 태그가 일치
 최상위요소는 한 개만 존재
 태그를 지정할때 대소문자를 구분
 하부 요소는 중첩하지 않음
 속성에 설정되는 값은 반드시 인용부호 사용
 하나의 요소에서속성을 반복하여 사용하지 않음

 Valid XML
 W3C와 DTD또는 스키마 의 규칙까지 지켜서 만든 문서
34
XML
CSS를 적용한 XML문서 소스와 예제
35