웹의 동작 방식 - Web 개발 학습하기 | MDN
*'웹의 동작 방식'*은 여러분의 컴퓨터나 폰의 웹 브라우저 안에서 웹페이지를 볼 때 무슨 일이 발생하는지에 대한 간소화된 개념을 제공할 것입니다.
developer.mozilla.org
웹의 동작 방식
▶ 웹의 동작 방식은 우리가 상점으로 걸어가는 것과 유사하다고 합니다.
1. 브라우저는 DNS 서버로 가서 웹사이트가 있는 서버의 진짜 주소를 찾습니다. (상점의 주소)
2. 그 다음 브라우저는 서버에게 웹사이트의 사본을 클라이언트에게 보내달리는 HTTP 요청 메세지를 서버로 전송합니다. (상점으로 가서 상품을 주문합니다.)
이 메세지, 그리고 클라이언트와 서버 사이에 전송된 모든 데이터는 TCP/IP 연결을 통해서 전송됩니다.
3. 이 메세지를 받은 서버는 클라이언트의 요청을 승인하고, "200 OK" 메세지를 클라이언트에게 전송합니다.
"200 OK"는 "물론이죠. 당신은 웹 사이트를 볼 수 있어요! 여기 있어요" 라는 의미입니다.
그 다음 서버는 웹사이트의 파일들을 데이터 패킷이라 불리는 작은 일련의 덩어리들로 브라우저에 전송하기 시작합니다.
(상점은 여러분이 주문한 상품을 전달하고, 여러분은 그것을 집으로 가져갑니다.)
4. 브라우저는 이 작은 덩어리들을 완전한 웹 사이트로 조립하고, 당신에게 보여줍니다.
(상품이 당신의 문에 도착합니다.)
▶ DNS 설명 :
실제 웹 주소는 멋지거나, 여러분이 선호하는 웹사이트를 찾기 위한 주소 막대에 입력하는 기억할만한 문자가 아닙니다. 그것은 `63.245.217.105` 같은 숫자 덩어리입니다.
이것은 IP 주소라고 하고, 웹의 하나뿐인 특정 위치를 나타냅니다.
그러나 기억하기에 쉽지는 않죠? 그것이 도메인 이름 서버(DNS: Domain Name Server)가 발명된 이유입니다.
도메인 이름 서버는 여러분이 브라우저에 입력하는 웹주소 ("mozilla.org" 같은) 를 웹사이트의 실제 (IP) 주소에 맞춰주는 특별한 서버입니다.
웹사이트는 그들의 IP 주소를 통해 직접 접근될 수도 있습니다. 여러분은 IP Checker 와 같은 도구에 도메인을 입력해 IP 주소를 찾을 수 있습니다.
▶ TCP/IP 설명 :
Transmission Control Protocol (TCP: 전송 제어 규악) 과 Internet Protocol (IP: 인터넷 규약) 은 데이터가 어떻게 웹을 건너 여행해야 하는지 정의하는 통신 규약입니다.
이것은 주문을 하고, 상점에 가고, 또 여러분의 상품을 살 수 있게 해주는 운송장치와 같습니다.
우리 예시에서, 이것은 차 또는 자전거 (또는 여러분의 두 다리) 와 같습니다.
▶ HTTP 설명 :
Hypertext Transfer Protocol (하이퍼텍스트 전송 규약) 은 클라이언트와 서버가 서로 통신할 수 있게 하기 위한 언어를 정의하는 어플리케이션 규약 입니다.
이것은 여러분의 상품을 주문하기 위해 여러분이 사용하는 언어와 같습니다.
▶ 패킷 설명 :
앞서 우리는 서버에서 클라이언트로 전송되는 데이터의 포맷을 설명하기 위해 "패킷" 이라는 용어를 사용했습니다.
기본적으로, 데이터가 웹을 거쳐서 전송될 때, 수천개의 작은 덩어리들로 전송됩니다.
그래서 다양한 웹 사용자들은 동시에 같은 웹 사이트를 다운로드 할 수 있게 됩니다.
만약 웹 사이트가 하나의 큰 덩어리들로 전송된다면, 오직 한 번에 하나의 사용자만 다운로드 할 수 있을 것입니다.
이는 분명 웹을 매우 비효율적이고, 사용하기에 재미없게 만들 것입니다...
MDN Docs 문서를 참고하여 작성하였습니다.
'위클리 페이퍼' 카테고리의 다른 글
| var, let, const를 설명하기 (모던 자바스크립트) (1) | 2025.02.04 |
|---|---|
| 브라우저의 동작 방식 요약 (MDN Docs) (1) | 2025.02.04 |
| 시맨틱 태그를 사용하면 좋은 점 (0) | 2025.01.21 |
| CSS의 Cascading 탐구하기 (0) | 2025.01.21 |