-
웹과 함께 시작하기 ~ 웹 작동 방식Java Script/MDN 정리 2020. 7. 22. 22:28반응형
클라이언트와 서버
- 클라이언트
- 일반적인 웹 사용자의 인터넷이 연결된 장치들과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어(일반적으로 크롬과 같은 웹 브라우저)
- 서버
- 웹페이지, 사이트, 앱을 저장하는 컴퓨터
- 클라이언트의 장비가 웹페이지에 접근하기 원할 때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라우저에서 보여지기 위한 웹페이지의 사본이 다운로드 된다.
도구 상자의 다른 부분들
웹이 도로라고 가정하고, 도로의 한 쪽 끝은 집같은 클라이언트, 다른 한 쪽 끝은 상점같은 서버라고 전제
- TCP/IP
- Transmission Control Protocol (전송 제어 규약)과 Internet Protocol (인터넷 규약)은 데이터가 어떻게 웹을 건너 여행해야 하는지 정의하는 통신 규약
- 주문을 하고, 상점에 가고, 상품을 살 수 있게 해주는 운송 장치와 같다. 위의 예시에서, 차 or 자전거 or 두 다리와 같음
- DNS
- Domain Name System Servers (도메인 이름 시스템 서버)는 웹사이트를 위한 주소록과 같다.
- 브라우저에 웹 주소를 입력할 때, 브라우저는 그 웹사이트를 검색하기 전에 DNS를 살펴본다.
- 브라우저는 HTTP 메시지를 올바른 장소로 전송하기 위해 그 웹사이트가 있는 서버가 어떤 것인지 찾아야 한다. 위의 예시에서, 상점을 찾기 위해 주소를 찾아보는 것과 같음
- HTTP
- Hypertext Transfer Protocol (하이퍼텍스트 전송 규약)은 클라이언트와 서버가 서로 통신할 수 있게 하기 위한 언어를 정의하는 어플리케이션 규약, 위의 예시에서 상품을 주문하기 위해 사용하는 언어와 같음
- 컴포넌트 파일
- 한 웹사이트는 상점에서 사는 다양한 종류의 상품들과 같이 많은 파일들로 만들어진다.
- 코드 파일
- 웹사이트는 근본적으로 HTML, CSS, JavaScript로 생성된다
- 자원
- 이미지, 음악, 비디오, 단어 문서, PDF 같은 웹사이트를 만드는 모든 다른 것들을 위한 공동적인 이름
- 코드 파일
- 한 웹사이트는 상점에서 사는 다양한 종류의 상품들과 같이 많은 파일들로 만들어진다.
그래서 정확히 무슨일이 발생?
- 브라우저에 웹 주소를 입력할 때 (위의 예시에서 상점으로 걸어가는 것)
- 브라우저는 DNS 서버로 가서 웹사이트가 있는 서버의 진짜 주소를 찾는다. (상점 주소 찾기)
- 브라우저는 서버에게 웹사이트의 사본 클라이언트에게 보내달라는 HTTP 요청 메세지를 서버로 전송 (상점으로가서 상품을 주문)
- 이 메세지, 클라이언트와 서버 사이에 전송된 모든 데이터는 TCP/IP 연결을 통해 전송
- 이 메세지를 받은 서버는 클라이언트의 요청을 승인하고, 200 OK메세지를 클라이언트에게 전송. 그 다음 서버는 웹사이트의 파일들을 데이터 패킷이라 불리는 작은 일련의 덩어리들로 브라우저에 전송하기 시작 (상점이 주문한 상품을 전달하고, 집으로 가져간다.)
- 브라우저는 이 작은 덩어리들을 완전한 웹 사이트로 조립하고 보여준다. (상품이 집에 도착)
패킷 설명
- 서버에서 클라이언트로 전송되는 데이터 포맷을 설명하기 위해 패킷이라는 용어를 사용했다.
- 기본적으로 데이터가 웹을 거쳐서 전송될 때, 수천개의 작은 덩어리들로 전송된다. 그래서 다양한 웹 사용자들은 동시에 같은 웹 사이트를 다운로드 할 수 있게 된다.
- 통신망을 통해 전송하기 쉽도록 자른 데이터의 전송 단위
- 패킷(Packet) = Package와 Bucket의 합성어
반응형'Java Script > MDN 정리' 카테고리의 다른 글
JavaScript 첫걸음 ~ 자바스크립트 기초 (0) 2020.07.23 JavaScript의 첫걸음 ~ 자바스크립트가 뭔가요? (0) 2020.07.22 웹과 함께 시작하기 ~ 자바 스크립트 기초 (0) 2020.07.22 웹과 함께 시작하기 ~ CSS 기초 (0) 2020.07.22 웹과 함께 시작하기 ~ HTML 기초 (0) 2020.07.21 - 클라이언트