웹 브라우저 통신 방식
1) 웹 브라우저란?
웹 브라우저 : 웹 서버로부터 정보를 요청하고 받아 사용자에게 보여주는 소프트웨어
웹 브라우저는 사이트에 접속했을 때, HTML, CSS, JavaScript 파일을
전달받아 이를 해석하고 우리의 눈으로 볼 수 있게 되는 것 입니다.
웹 브라우저는 정적(Static)인 파일과 동적(Dynamic)인 정보를 처리한다.
정적 웹 페이지는 서버에서 브라우저로 전송되는 그대로 표시되지만,
동적 웹 페이지는 서버로부터 데이터를 받아 브라우저가 실시간으로 내용을 생성 또는 변경되는 것
2) 웹 브라우저 통신 방식
간략하게 설명한 대표적인 통신 방식 |
1. 사용자가 웹 브라우저의 주소창에 URL을 입력합니다. |
2. 웹 브라우저는 입력 받은 URL을 DNS 서버로 전달하여 해당 IP 주소를 찾게 됩니다. |
3. DNS 서버는 도메인 이름을 IP 주소로 변환합니다. |
4.웹 브라우저는 해당 IP 주소로 HTTP 요청을 전달합니다. |
5. IP 주소에 연결된 웹 서버는 요청(Request)을 요청 받아 처리합니다. |
6. 웹 서버는 처리 결과를 HTTP Response로 브라우저에게 전달합니다 |
7. 웹 브라우저는 받은 HTTP Response을 바탕으로 사용자에게 표시하게 됩니다. |
- 웹 브라우저의 주소창에 URL을 입력합니다.
URL(Unifrom Resource Locator) : 인터넷 상의 리소스 위치를 나타내기 위해 사용 합니다.
<프로토콜> :// <도메인 명> : <포트> / <경로>
Scheme : 어떤 프로토콜을 사용할 것인가? 현재 : HTTP
Domain Name : 어떤 도메인 이름을 사용할 것인가? 현재 : www.example.com
Port : 어떤 포트를 사용해 서버에서 서비스가 실행 되는가? 현재 : 80
Path to The file : 서버의 어떤 경로에 해당하는 정보를 조회할 것인지? 현재 : path/to/myfile.html
Parameters : 조회할 때 추가적으로 제공할 수 있는 정보? 현재 : key1의 value와 key2의 value
http://cafe.naver.com/joonggonara
일 경우
프로토콜 : 네트워크 통신을 했을 때 어떠한 규약으로 데이터를 전달 받을 것인가? http
도메인 명 :
naver.com이라는 메인 도메인 명,
cafe라는 서브 도메인 명이 존재한다
경로 : joonggonara라는 서버의 리소스 경로.
- DNS로 조회하기
DNS(Domain Name Service)는 도메인 이름을 중개하여, IP로 변경해주는 서비스를 제공합니다.
(인터넷 상의 연락처와 같은 개념 입니다)
ex) blog.naver.com일 경우
영어, 숫자, 특수 문자로 이뤄진 URL을 IP로 변환해주는 역할을 하는 서비스를
DNS(Domain Name Service)라고 부릅니다.
=> 사용자가 숫자와 점(.)으로 이뤄진 IP를 외우지 않고,
DNS를 사용해 인터넷의 리소스에 접근할 수 있게 됩니다.
- IP를 이용하여 웹 서버와 통신하기
IP(Internet Protocol) : 각각의 네트워크에 연결된 장치들이 고유한 IP 주소를 가져
인터넷 상에 존재하는 해당하는 장치의 위치를 식별할 수 있게 해줍니다.
IP는 2가지가 존재 하는데
IP4와 IP6가 존재 합니다.
IP4(32 비트)와 IP6(128 비트) 차이점
인터넷이 처음 세상에 나올 때, 32비트(8비트 4그룹, 약 43억 개)의 주소를 사용하는 IPv4 체계가 도입 됩니다.
하지만, 시간이 지나면서 인터넷에 연결되는 기기가 늘어나면서 IPv4 주소가 부족해지게 됩니다.
그래서, 128비트(16비트 8그룹, 약 43억^3)의 주소를 사용하는 IPv6가 도입 됩니다.
IPv6는 단순히 주소 확장만이 아니라, 더 나은 확장성과 보안성을 제공하는 여러 장점을 가집니다.
'Node 강의 > 입문' 카테고리의 다른 글
1-6 배포를 위한 yarn 학습 (0) | 2024.08.30 |
---|---|
1-5 Package Manager (0) | 2024.08.30 |
1-4 Node.js란? (0) | 2024.08.28 |
1-3 웹 서버의 이해 (0) | 2024.08.28 |
1-2 HTTP의 이해 (0) | 2024.08.28 |