How Computers Work [08]

Drawing

How a browser opens pages

“A website is a collection of files, text, and media that someone has made generally available to others through the Internet. “

웹페이지 간의 이동은

  1. 텍스트, 또는 이미지 등과 같은 하이퍼링크(Hyperlink)를 통해서
  2. URL(Universal Resouce Locator)를 브라우저의 address창에 입력하는 것.

위 두 가지를 통해 가능하다.

브라우저에서 하이퍼 링크를 클릭하거나 특정 address를 입력한다면, 브라우저 프로그램은 해당하는 address를 네트워크를 통해 DNS(Domain Name Server)에 보낸다.

DNS(Domain Name Server(System))?

호스트의 도메인 이름(human readable)을 호스트의 네트워크 주소(computer readable)로 바꾸어 주거나 그 반대의 변환을 수행할 수 있도록 해 주는 서버 또는 시스템. 특정 컴퓨터(또는 네트워크로 연결된 임의의 장치)의 주소를 찾기위해, 사람이 이해하기 쉬운 도메인 이름을 숫자로 된 식별 변호(IP 주소)로 변환 해 준다. 예를 들어, www.dcslab.snu.ac.kr 와 같은 컴퓨터 도메인 이름을 192.108.1.4와 같은 주소로 변환하고, 라우팅 정보를 제공하는 데이터베이스 시스템

Drawing

How DNS Works?

Drawing

  1. web browser에 주소를 입력한다.
  2. 만약 www.micosoft.com을 입력한다면, 입력 값이 위와 같이 이동한다.
    1. DNS 서버
    2. 루트 DNS서버
    3. .com DNS서버
    4. Microsoft.com DNS서버
  3. 각각의 DNS서버를 차례대로 이동하며 해당 웹 사이트의 ip주소를 찾는다.

DNS Server: 웹 서버 주소에 해당하는 ip주소 테이블을 저장하고 있는 컴퓨터

Drawing

위에서 설정하는 DNS서버 주소는 Local DNS 서버 주소 라고 생각하면 된다.

How a browser displays web pages

  1. Stored on the server, the web page itself consists of an HTML text file. HTML is a collection of codes enclosed in angle brackets—<>—that control the formatting of text in the file.

  2. HTML Code는 텍스트 뿐 아니라 이미지나 영상, 음성 파일등 서버에서 저장할 수 있는 대부분의 파일들을 포함 할 수 있다.

  3. 특정 웹페이지를 보기 위해서 Client가 원하는 웹페이지의 주소를 해당 서버로 보내면 해당 서버는 HTML Code를 return 한다.

  4. 동시에 서버는 HTML 코드에 있는 이미지, 영상 등의 파일을 Client로 보내도록 명령한다.

  5. 클라이언트는 HTML 코드와 이미지, 영상과 같은 파일을 RAM에 캐싱한다.(크롬 브라우저가 메모리를 많이 사용하는 대신 빠른 이유) 나중에 브라우저가 전에 보았던 웹 페이지나 이미지, 영상을 다시 볼때는 서버에 다시 요청하는 것이 아니라 RAM에 캐싱되어 있던 부분에서 가져온다.

  6. 브라우저는 서버로 부터 받은 HTML, 텍스트, 이미지, 영상들을 합하여 웹 페이지를 재 구성하여 화면에 배치할 위치를 결정한다(HTML코드를 따라서). 웹페이지의 모든 구성요소가 동시에 Client로 도착하는 것은 아니기 때문에 가장 간단한 요소인 텍스트가 일반적으로 가장 먼저 표시되고 그 이후에 이미지나 영상이 보여진다.

Drawing