HTML의 태그들을 비롯한 문법적인 내용에 앞서 WEB이 무엇인가에 대해 정리해보고자 한다.
Theme. Internet vs WEB
비유적으로 얘기해보면,
Internet이 도시라면 WEB은 그 도시 위 건물들 중에 하나이다.
Internet이 도로라면 WEB은 그 도로 위 자동차들 중 하나이다.
Internet이 운영체제라면 WEB은 그 운영체제 위 프로그램들 중 하나이다.
Internet은 다음과 같은 그림처럼 표현할 수 있다.
중앙이 없다. 즉, 각각의 통신장치들이 일종의 전화국과 같은 역할을 수행하고 있다.
수많은 통신장치들이 분산해 전화국과 같은 역할을 하고 있기 때문에 위 그림의 점들 중 하나가 사라져도 나머지 점들이 역할을 수행할 수 있는 통신 시스템이 Internet.
Theme. Internet의 동작 원리: 서버와 클라이언트
Internet이 동작하기 위해서 컴퓨터는 최소 2대가 필요하다. 즉, 2대의 컴퓨터가 서로 정보를 주고 받을 수 있어야 한다.
인터넷으로 연결된 두 대의 컴퓨터 중 하나는 Web Browser. 다른 하나는 Web Server의 프로그램을 설치되어 있다.
이때, Web Server가 설치된 컴퓨터의 하드 디스크에 index.html이라는 파일이 존재한다고 가정하자. 그리고 그 컴퓨터의 주소는 http://info.cern.ch이다.
Web Browser에서 주소창에 http://info.cern.ch/index.html이라고 입력하고 실행하면, Internet을 통해 Web Server에 index.html 파일을 요청(request)한다.
Web Server가 설치된 컴퓨터에서는 그 요청을 받고 하드디스크에서 해당 파일을 찾아 Web Browser가 설치된 컴퓨터에 다시 응답(response)한다.
그 결과 Web Browser가 설치된 컴퓨터에 index.html의 파일에 대한 정보가 도착하게 되고, 이를 Web Browser가 해석하여 화면에 나타낸다.
Theme. WEB hosting
github와 같이 WEB hosting 서비스를 제공하는 원리에 대해 알아보자.
아래와 같이 내 컴퓨터(my)에는 index.html이라는 파일이 존재한다. 이때, 그 파일에 접근하고 싶어하는 visitor가 존재한다.
그리고 서비스를 제공해줄 hosting 업체가 존재한다.
내 컴퓨터의 파일을 hosting 업체에 업로드 하면, WEB hosting에 설치되어 있는 WEB Server를 활성화 하고, 컴퓨터에 도메인을 부여한다.
이제 방문자가 도메인의 주소에 접속하면, Web Server가 해당 파일을 읽고, 방문자에게 파일의 소스 코드 등에 대한 정보를 제공한다. 이후 방문자의 Web Browser에 그 정보가 나타나게 된다.
'HTML, CSS' 카테고리의 다른 글
HTML 기본 정리(2) - 사용자로부터 입력받기 (0) | 2023.01.29 |
---|---|
HTML 기본 정리(1) (0) | 2023.01.29 |
CSS 기초 (0) | 2023.01.27 |
HTML 기초 (0) | 2023.01.26 |