본문 바로가기
[Cloud & Infrastructure]/[Network]&[Server]

[Web Docs] 웹 작동 방식

by 코드몽규 2022. 2. 22.
반응형

클라이언트 및 서버 

이미지1

  • 클라이언트 : 일반적으로 웹 사용자의 인터넷 연결 장치 (wi-fi, 모바일 네트워크, 인터넷)과 해당 장치에서 사용할 수 있는 웹 액세스 소프트웨어 (chrome)
  • 서버 : 웹 페이지, 사이트, 앱을 저장하는 컴퓨터로 클라이언트 장치가 웹페이지에 엑세스하려고 할 때 서버에서 웹페이지의 복사본이 클라이언트 컴퓨터로 다운로드되어 사용자에게 보인다.

 

이외에 요소들 (*클라이언트(고객)가 서버(상점)에 무엇을 사러 간다는 가정을 해보자)

  • 인터넷 연결 : 웹에서 데이터를 주고받을 수 있습니다. 그것은 기본적으로 당신의 집과 상점 사이의 거리와 같습니다.
  • TCP/IP : 전송 제어 프로토콜 및 인터넷 프로토콜은 데이터가 인터넷을 통해 이동하는 방법을 정의하는 통신 프로토콜입니다. 이것은 주문하고, 상점에 가고, 상품을 살 수 있게 해주는 운송 메커니즘과 같습니다. 이 예에서 이것은 자동차나 자전거와 같습니다(또는 다른 방법으로 이동할 수 있음).
  • DNS : Domain Name System은 웹사이트의 주소록과 같습니다. 브라우저에 웹 주소를 입력하면 브라우저는 웹사이트를 검색하기 전에 DNS를 확인하여 웹사이트의 IP 주소를 찾습니다. 브라우저는 웹사이트가 있는 서버를 찾아야 하므로 HTTP 메시지를 올바른 위치로 보낼 수 있습니다(아래 참조). 이것은 액세스 할 수 있도록 상점의 주소를 찾는 것과 같습니다.
  • HTTP : Hypertext Transfer Protocol은 클라이언트와 서버가 서로 통신할 수 있는 언어를 정의하는 응용 프로그램 프로토콜입니다.이것은 상품을 주문할 때 사용하는 언어와 같습니다.
  • 구성 요소 파일(Component files) : 웹 사이트는 상점에서 구매하는 상품의 다른 부분과 같은 다양한 파일로 구성됩니다. 이러한 파일은 두 가지 주요 유형으로 제공됩니다.
    • 코드 파일(Code files) : 웹사이트는 주로 HTML, CSS, JavaScript로 만들어지지만 나중에 다른 기술을 접하게 될 것입니다.
    • 자산(Assets) : 이미지, 음악, 비디오, Word 문서 및 PDF와 같이 웹 사이트를 구성하는 다른 모든 항목의 집합적인 이름입니다.

*DNS란?

 실제 IP주소는63.245.215.20.. 등과 같은 기억하기 어려운 주소이다. 때문에 DNS(Domain Name System)가 사용되는 이유이다. DNS는 브라우저에 입력하는 웹주소 (ex:google.com)를 웹사이트의 실제 주소(IP)에 일치시켜주는 특수 서버이다.

*패킷이란?

 패킷은 데이터가 서버에서 클라이언트로 전송되는 형식이다. 패킷은 주로 수천 개의 작은 chunks형태로 전송된다. 데이터가 작은 패킷으로 전송되는 데에는 여러 가지 이유가 있다. 데이터의 크기가 작으면 교환 속도가 빨라지고 여러 사용자가 동일한 웹사이트에서 동시에 데이터를 다운로드할 수 있다. 또한 손상, 오류를 일으키는 데이터를 빠르게 교체할 수 있다. 

 

그럼 정확하게 무슨 일이 일어나는지 확인해보자! 

1, 브라우저에 웹주소를 입력한다. (가게에 걸어 들어간다.)

2. 브라우저는 DNS 서버로 이동하여 서버의 실제 주소를 찾는다. (가게의 실제 주소를 찾아 들어간다.)

3. 브라우저는 서버에 HTTP요천 메시지를 보내 클라이언트가 요청한 웹사이트의 사본을 보내달라고 한다. 

(가게에게 상품을 요청한다.)

4. 서버가 클라이언트의 요청을 승인하면 "200 OK"라는 메시지를 보내고 웹사이트의 파일을 브라우저로 보낸다. 

(가게에서 고객이 원하는 상품을 집으로 보낸다.)

5. 브라우저는 작은 패킷 덩어리를 완전하게 모아 웹 페이로 사용자에게 표시한다.

(상품이 집에 완전히 도착한다.)

반응형

댓글