웹의 역사와 HTML에 대한 짧은 내용

전자정부프레임워크 Spring, 그 언어는 JSP & Servlet

그 언어로 만드는 문서 htm

 

 

[인터넷과 웹의 차이] 

 

internet : 물리적인 망 > web

 

web : world wide web. 텍스트로 문자, 이미지, 동영상 등을 전송하는 통신방법. 인터넷에 연결된 컴퓨터들을 통해 사람들이 정보를 공유할 수 있는 공간. HTML 문서로 이루어져 있다.  HTML은 꺽쇠언어(마크업 언어)로 이루어져 있다.

 

 

인터넷은 냉전 시대에 미국의 군사용 정보 통신망에서 유래되었다.

적의 공격으로 인해 통신두절 된다면 어떻게 반격해야 할까?

 

기존 회선교환방식에서 패킷교환방식으로 통신방법 변경.

(회선교환방식: 목적지로 전송을 하기 전에 먼저 회선을 결정한다.)

 

패킷교환방식은 고정된 경로가 미리 설정되어 있지 않다.

웹은 패킷교환방식을 적용.

 

소련의 스푸트니크 인공위성 발사에 자극받은 미국이 만든 ARPA의 설립과 이들이 2차 세계대전 때의 효과적인 대학과 연구소, 그리고 군의 성공적이었던 네트워크의 위용을 전시가 아닌 평시에도 구축하기 위해 시작한 프로젝트가 바로 ARPANET이다. 

1960	미국 국방성 ARPANET 인터넷 시초
1974	TCP/IP 개발
1990	WEB 발명
1993	최초의 그래핍 웹브라우저

 

 

웹 = 클라이언트 + 서버

 

클라이언트가 서버에게 주소(url, 예를 들어 www.naver.com)를 보여주면서 " 이 페이지 주세요 " 라고 요청(request) 한다.

주소경로가 올바른 경우, 서버에서는 요청을 받고 응답(response)한다. 응답이란 그 주소에 맞는 문서(html)를 하나 돌려준다는 것이다. 그 문서는 하드디스크 저장공간에 저장되어 있다.

 

클라이언트란?

클릭한 페이지를 요청하는 PC. 서버로부터 정보를 제공받는 컴퓨터. 그 서버는 네트워크로 연결되어 있다.

 

서버란?

클릭된 페이지를 제공하는 PC. 네트워크를 통해 클라이언트에게 서비스를 제공하는 컴퓨터이다.

 

 

html 문서는 태그(꺽쇠언어)로 되어있다.

이 꺽쇠언어를 예쁘게 사용자가 볼 수 있게 글자로 바꿔주는 것이 web browser.

css는 예쁘게 꾸며주는 언어.

 

 

web applicaoin : www 통신규약에 따라 컴퓨터 간 데이터를 주고받는 프로그램. 홈페이지 하나당 어플리케이션 하나. 서버 프로젝트 하나 만들면 그게 어플리케이션 하나 만든 것이다.

 

 

통신규약(protocol): 컴퓨터간 통신하는 데에 대한 규약. 무슨 행동을 수행할 것인지 약속하는 것. 언제, 어떻게 호출할것인지에 대한 순서. 웹에서는 http 라는 프로토콜을 쓴다.

 

 

프로토콜의 종류

FTP : 파일만 전송할 수 있는 프로토콜.

SMTP: 이메일만 보낼 수 있는 포로토콜.

HTTP, HTTPS  : 하이퍼텍스트 전송 프로토콜. 링크 기반 접속. 링크를 누르면 새로운 페이지로 넘어가는 것. REQUEST/RESPONSE 방식으로 동작

 

 

url : Uniform Resource Locator 인터넷상에 올려진 자료들이 있는 주소

httpL//www.wikiboo.co.kr(호스트명) / txt.html (경로명)

 

uri :Uniform Resource Identifier 

 

 

http : TCP/IP 를 이용하는 응용 프로토콜. 데이터를 특정 단위(패킷)으로 쪼개어 보낸다. 하이퍼텍스트 기반으로 데이터 전송. 요청/응답 방식으로 동작.  응답과 동시에 연결을 끊어버린다. (효율적이어서 문서를 마음대로 바꿀수 있다.)

<-> 예: 핸드폰통화.. 연결끊어지지않음. 그러나 통화중에 나와 상대방 외에 다른 사람이 끼어들지 못함.

 

https :  보안이 더 강한.

 

 

TCP/IP : Transmission Control Protocol/Internet Protocol. 인터넷 상에서 정보를 주고받기 위해 쓰이는 통신규약. 인터넷과 관련된 다양한 프로토콜의 집합. (Hypertext Transfer Protocol (HTTP) is a member of the TCP/IP family.)

https://www.ibm.com/support/knowledgecenter/en/SSGMCP_5.3.0/com.ibm.cics.ts.internet.doc/topics/dfhtl_conintro.html

 

 

[HTML]

 

사용자가 보는 문서. 

 

하이퍼텍스트: 순차적으로 가는게 아니라 내가 원할 때 원하는 페이지로 넘어갈 수 있다.웹의 가장 큰 장점.

 

 

 

홈페이지의 구성 = html(웹페이지 구조적인 틀) + css(종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며) + javascript(실시간으로 돌아가게 하는?? 용도가 다르다??  웹 페이지에 기능을 더해 HTML 웹 페이지를 동적이고 살아 있게 만드는 것이다??)

 

 

홈페이지를 만들때 필요한 기술 : 호스팅서버, 웹디자인, 도메인생성, 개발(html 등), 기타(종류에 따라서)