3.web의역사와browser

Interactive Dialog

WEB & Browser

Networking컴퓨터를 연결하여 데이터를 주고 받아보자

IP & DNS

www.naver.co.kr

222.122.195.6

Domain Name Server

Server vs. ClientClient 서비스를 요청Server 요청에 응답

Protocol ( 통신 규약 )규칙과 약속 , 대부분 텍스트로 구성

팀 버너스 리 (1990 년 )

HTTP & Htmlhttp Hypertext Transfer Protocolhtml Hypertext Markup Language

Web Server vs. Web Browser

Html

http://html5ref.clearboth.org/

<html> <head>

문서의 제목 , 행동 , 표현 등을 정의

</head>

<body>

실제 컨텐츠

</body></html>

<link rel="stylesheet" type="text/css" href=“파일위치” /> <script type="text/javascript" src=“ 파일위치 "></script>

<p class=“ 스타일 "> 요거 먼가 복잡하지만… 꼭 알아야한단다… </p>

Tag 를 브라우져에서 이해한다 ?

http://html5ref.clearboth.org/

CSS (Cascading Style Sheet)

document contents( 내용 ) 과 표현 (layout,color,font) 을

분리

accessibility( 접근성 ) 향상

reduce complexity and repetition

종류 : inline, embedded, external

JavaScript

DHTML(Dynamic HTML)

. HTML + JavaScript + CSS => interactive and animated web

. DOM(Document Object Model)

- Document(html) 내의 tag 를 Object 로 처리하는 객체지향 모델 (

예제)

http://www.cadvance.org/?leftmenu=doc/include/total_menu.asp&mainpage=doc/java/tutorial/js_dom.asp



http://taligarsiel.com/Projects/howbrowserswork1.htm

Browser 주요 구성

Rendering engine

Gecko – Firefox

Trident – IE

Presto – Opera

WebKit – Safari, Chrome

Browser 점유율

http://gs.statcounter.com/

http://gs.statcounter.com/

http://taligarsiel.com/Projects/howbrowserswork1.htm

Webkit main flow

실습 / 과제

html, css, javascript 중 택 1

스터디 하고 글 올리기

Technology

3.web의역사와browser