TIL 26 day How the web works?

Winney·2020년 9월 30일
0

How the web works?

web-server_works
웹은 WWW(World Wide Web)을 일반적으로 일컫는 말이다.

(위키) World Wide Web(WWW)은 URL(Uniform Resource Locators)을 통해 문서와 웹 자원들이 식별되고 하이퍼텍스트를 연결로 인터넷을 통해 접근 할 수 있는 정보 시스템이다.
웹 자원은 HTTP(Hypertext Transer Protocol)을 통해 전달되고 웹 브라우저라 불리는 소프트웨어 어플리케이션에 의해 유저가 접근 가능하며 웹 서버라 불리는 소프트웨어 어플리케이션에 의해 게시된다. WWW는 인터넷과 동의어는 아니다.
※인터넷은 연결망으로 보아야 한다.

  1. 주소창에 주소(Domain)을 입력해 DNS서버에 보낸다.
  2. DNS 서버에서 IP 주소를 사용자(client) 즉, 브라우저에게 보낸다.
  3. IP 주소를 웹 서버에 보낸다.
  4. 해당 웹 페이지 파일을 건내준다.
  5. 브라우저는 해당 파일을 보여준다.

클라이언트와 서버의 연결은 1~4번까지이며 브라우저의 역할은 5번에 해당한다.

1~4번까지의 핵심 개념을 보자

1. Domain 도메인

도메인 주소란 사람이 알아볼 수 있게 만든 주소이다. 컴퓨터는 숫자로 이루어진 IP 주소만을 알아볼 수 있다. 하지만 사람이 IP주소를 보기는 힘들기 때문에 사람이 쉽게 알아보는 형태로 만든 주소가 domain 주소이다. 일반적으로 www.naver.com의 형식으로 많이 쓰여진다.

1) URL 분석

URL구성
Domain구성
도메인 내에서도 Subdomain, domain name, Top-level domain으로 나누어 볼 수 있다.
URL 설명

  • Scheme : 웹 자원에 접근 시 사용되는 프로토콜을 말한다. 일반적으로 HTTP, HTTPS를 사용한다.
  • Subdomain : Domain name의 한 부분이 되는 도메인. 해당 페이지의 일부이다.
  • Domain name : Domein Register를 통해 등록가능한 웹 사이트와 같은 소스의 식별자
  • TLD : Top-level domain. 가장 상위 계층의 도메인으로 name space의 뿌리 영역(root zone)에 위치한다.
  • Path : 서버에서 자원의 위치
  • File name : 파일 이름. .html은 파일 확장자이다.
  • Query string : 서버 또는 페이지 내에서 실행되는 스크립트로 데이터를 전달하는 데 사용
  • Fragment ID : 명명된 HTML 오브젝트로 표시된 페이지 내의 위치에 연결하는 데 사용

2. IP

Internet Protocol. Internet으로 통신하는 각 device에 부여된 고유의 값으로 숫자로 구성되어있다.
IP주소는 4개의 10진수로 이루어져 있으며(예시 : 218.327.65.1) 각 10진수는 8자리 2진수를 의미함으로 32비트로 구성된다.
전체 IP주소를 네트워크 주소와 호스트 주소로 나누어진다. 네트워크 주소는 기기가 속해있는 네트워크를 식별하는데 사용하고 호스트 주소는 해당 네트워크 내에서 그 기기를 식별 할 때 쓰인다.
IPv4(IP version 4)가 주로 쓰였으나 IPv4가 고갈됨에 따라 IPv6가 같이 쓰이고 있다.

3. DNS Domain Name System

DNS는 일종의 전화번호부이다. 사람은 도메인 주소를 통해 온라인 정보에 접근하려하지만 컴퓨터는 IP주소를 이용하기에 도메인 주소를 IP주소로 변경해야하는데 이 역할을 하는 것이 DNS이다.

추가 정보!!
1. 웹은 어떻게 움직이는지? velog 번역 및 원본! https://velog.io/@devzunky/TIL-no.97-WEB-3-How-Browsers-Work-xck59bsuxf
2. 인터넷 동작의 구체적인 원리 https://parksb.github.io/article/36.html?fbclid=IwAR15UeD4WM0Z0TZ4TTjjKGIfR3qnQiXPdEKWh73_2uPaSP12Qi51QjSm-Dw
3. DNS란? https://www.cloudflare.com/ko-kr/learning/dns/what-is-dns/

profile
프론트엔드 엔지니어

0개의 댓글