클라이언트는 일반적인 웹 사용자의 인터넷이 연결된 장치들 예를 들어, 우리들의 컴퓨터는 wifi에 연결되어있고, 우리들의 폰은 모바일 네트워크에 연결되어있는 이러한 인터넷이 연결된 장치들과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어이다.
서버는 웹페이지, 사이트. 또는 앱을 저장하는 컴퓨터다. 클라이언트의 장비가 웹페이지에 접근하길 원할때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라우저에서 보여지기 위한 웹페이지의 사본이 다운로드 된다.
웹 브라우저와 같은 클라이언트로부터 HTTP요청을 받아, 웹페이지를 클라이언트로 보내주는 서버. 그림,HTML,CSS,JavaSript를 포함한 문서를 클라이언트에게 전송한다. 아파치와 nginx 등이 있다.
웹 서버로부터 받은 HTML문서, 이미지 등을 화면에 표현해주는 소프트웨어. 대표적으로 익스플로러, 크롬 등이 있는데, 이 브라우저들은 각각의 방식으로 HTML문서를 해석하고 화면에 띄운다.
웹브라우저는 입력받은 URL로 웹서버에 http요청을 보내고, 이 요청을 받은 서버는 해당 웹페이지에 대한 HTML,CSS,JS,이미지 등을 응답으로 보내주는 것.
.
그리고 브라우저는 이 응답을 파싱해서 화면에 변환해서 표시해준다.
TCP/IP:
Transmission Control Protocol (전송 제어 규약) 과 Internet Protocol (인터넷 규약) 은 데이터가 어떻게 웹을 건너 여행해야 하는지 정의하는 통신 규약이다. 이것은 주문을 하고, 상점에 가고, 또 우리들의 상품을 살 수 있게 해주는 운송 장치와 같다. 비유하자면 이것은 차 또는 자전거, 또는 우리의 두 다리와 같다.
DNS:
Domain Name System Servers (도메인 이름 시스템 서버) 는 웹사이트를 위한 주소록과 같다.
우리가 브라우저에 웹 주소를 입력할 때, 브라우저는 그 웹사이트를 검색하기 전에 DNS 를 살펴본다. 브라우저는 HTTP 메시지를 올바른 장소로 전송하기 위해 그 웹사이트가 있는 서버가 어떤것인지 찾아야 한다. 이것은 우리가 접근하기 위해 상점의 주소를 찾아보는 것과 같다.
HTTP:
Hypertext Transfer Protocol (하이퍼텍스트 전송 규약) 은 클라이언트와 서버가 서로 통신할 수 있게 하기 위한 언어를 정의하는 어플리케이션 규약이다. 이것은 우리들의 상품을 주문하기 위해 사용하는 언어와 같다.
컴포넌트 파일:
한 웹사이트는 여러분이 상점에서 사는 다양한 종류의 상품들과 같이 많은 다른 파일들로 만들어진다.