인터넷, 웹, HTTP 작동방식
네트워크 (Network)
net : 그물, work : 작동
묶여서 동작하는 거다.
컴퓨터, 스마트폰 등의 단말들이 서로 소통을 하도록 연결해 놓은 것이다.
인터넷 (Internet)
inter : 사이, net : 네트워크
네트워크의 네트워크, 네트워크간의 연결이다.
네트워크의 단위를 기업, 국가로 생각한다면 인터넷은 이 모든 것을 하나로 묶어버린 것이다.
인터넷은 웹, 스트리밍 서비스, 이메일을 포함한 많은 것들을 가능하게 하는 인프라가 된다.
웹 (Web)
월드 와이드 웹(World Wide Web)을 줄여 부르는 것으로 인터넷 사용자들이 리소스(자원)를 공유할 수 있는 공간이다.
인터넷과 같은 뜻으로 혼동할 수 있지만 인터넷의 서비스 중 하나이다.
웹 브라우저(Browser)(Chrome, Safari 등)는 웹 리소스를 요청하고 볼 수 있게 해준다.
URL로 이동하거나 웹 브라우저로 웹 사이트를 볼 때 우리는 기본적으로 웹을 사용한다.
HTTP (HyperText Transfer Protocol)
HyperText : 하이퍼링크(Hyperlink)로 연결된 텍스트, 다른 문서로 즉시 접근할 수 있는 문서 (웹 상의 모든 문서를 포함)
Transfer : 전송
Protocol : 통신 규약의 집합, 즉, 컴퓨터 사이에서 데이터 교환 방식에 대한 규칙을 모아놓은 집합
인터넷에서 데이터를 주고 받을 수 있는 프로토콜(규약)이다. 이것이 있기에 이 규약에 맞춰 서로 정보를 교환할 수 있다.
작동 방식
인터넷을 통해 웹이 리소스를 공유하는 시스템은 HTTP를 기반으로 한다.
1. 이 사이트에서 tistory 홈페이지 링크를 클릭한다.
클라이언트(Client, 사용자)가 tistory 홈페이지 url에 대한 요청을 tistory 웹 서버에게 보낸다.
2. 웹 서버에서 내가 tistory 홈페이지 링크를 클릭했다는 것을 확인한다.
서버가 클라이언트가 요청하는 것이 무엇인지 분석한다.
3. 서버는 코드를 통해 응답한다.
클라이언트의 요청에 대해 서버는 완성된 웹 페이지로 응답하지 않는다.
대신 브라우저가 인식할 수 있는 코드(HTML, CSS, JavaScript)를 통해 응답한다.
(만약 크롬을 사용했다면 어느 웹 페이지에서든지 "우클릭 >> '페이지 소스 보기' "를 통해 서버가 응답한 코드를 볼 수 있다.)
4. tistory 홈페이지가 나타난다.
브라우저는 응답된 코드를 사람에게 맞춰 렌더링(rendering, 변환)한다.
'Web > etc.' 카테고리의 다른 글
VSCode 내에서 커맨드 단축키 검색 및 설정 (0) | 2023.10.31 |
---|---|
웹 기술 백과사전 MDN (0) | 2023.10.30 |
VS Code 처음 설치하고 환경설정하기(feat. Extensions) (35) | 2023.10.30 |
HTML/CSS/JS의 역할 (0) | 2023.10.29 |