Web
- 인터넷을 기반으로 구현된 서비스 중 HTTP를 이용하여 정보를 공유하는 서비스
여기서 정보를 제공하는 주체를 웹 서버 (Web Server), 정보를 받는 이용자를 웹 클라이언트 (Web Client)
이용자의 요청을 받는 부분을 프론트엔드 (Front-end), 요청을 처리하는 부분을 백엔드 (Back-end)
- 웹: 인터넷이라는 통신망을 활용하여 구현된 전 지구적 정보 공간
- 웹 클라이언트: 웹에서 정보를 요구하는 주체
- 웹 서버: 웹에서 정보를 제공하는 주체
- 웹 리소스: 웹 서버가 제공하는 정보 자원 (e.g. HTML, Javascript, CSS 등)
- 웹 서비스: 웹 상에서 제공되는 서비스 (e.g. SNS, 온라인 쇼핑몰 등)
브라우저의 주소창에 https://velog.io/@juhno1023/Web-Developer주소를 입력하면 velog.io
에 존재하는 @juhno1023/Web-Developer 경로의 리소스를 가져오라는 의미
모든 웹 리소스는 고유의 Uniform Resource Indicator (URI)를 가지며, 이를 이용하여 식별
과정
- (클라이언트) 이용자가 브라우저를 이용하여 웹 서버에 접속합니다.
- (클라이언트) 브라우저는 이용자의 요청을 해석하여 HTTP 형식으로 웹 서버에 리소스를 요청합니다.
- (서버) HTTP로 전달된 이용자의 요청을 해석합니다.
- (서버) 해석한 이용자의 요청에 따라 적절한 동작을 합니다. 리소스를 요청하는 것이라면, 이를 탐색합니다. 계좌 송금, 입금과 같은 복잡한 동작을 요구할 경우 내부적으로 필요한 연산을 처리합니다.
- (서버) 이용자에게 전달할 리소스를 HTTP 형식으로 이용자에게 전달합니다.
- (클라이언트) 브라우저는 서버에게 응답받은 HTML, CSS, JS 등의 웹 리소스를 시각화하여 이용자에게 보여줍니다.
Web Browser
DNS : Domain name Server
주소창에 velog.io를 입력했을 때 웹 브라우저가 하게 되는 기본적인 동작을 나열한 것입니다.
-
웹 브라우저의 주소창에 입력된 주소(velog.io)를 해석 (URL 분석)
-
velog.io에 해당하는 주소 탐색 (DNS 요청)
(DNS에 대한 설명은 코스 후반부에 다뤄집니다.)
-
HTTP를 통해 velog.io에 요청
-
velog.io의 HTTP 응답 수신
-
리소스 다운로드 및 웹 렌더링 (HTML, CSS, Javascript)
URL = Uniform Resource Locator의 약자로, 웹에 있는 리소스의 위치를 표현하는 문자열
URL / Scheme, Authority (Userinfo, Host, Port), Path, Query, Fragment 등으로 구성
| 요소 | 설명 |
|---|---|
| Scheme | 웹 서버와 어떤 프로토콜로 통신할지 나타냅니다. |
| Host | Authority의 일부로, 접속할 웹 서버의 주소에 대한 정보를 가지고 있습니다. |
| Port | Authority의 일부로, 접속할 웹 서버의 포트에 대한 정보를 가지고 있습니다. |
| Path | 접근할 웹 서버의 리소스 경로로 '/'로 구분됩니다. |
| Query | 웹 서버에 전달하는 파라미터이며 URL에서 '?' 뒤에 위치합니다. |
| Fragment | 메인 리소스에 존재하는 서브 리소스를 접근할 때 이를 식별하기 위한 정보를 담고 있습니다. '#' 문자 뒤에 위치합니다. |
Host는 Domain Name, IP Address의 값을 가질 수 있습니다. IP Address는 네트워크상에서 통신이 이루어질 때 장치를 식별하기 위해 사용되는 주소
Domain Name을 Host 값으로 이용할 때, 브라우저는 Domain Name Server(DNS)에 Domain Name을 질의하고, DNS가 응답한 IP Address를 사용합니다. 예를 들어, 웹 브라우저에서 http://example.com에 접속할 경우, DNS에 질의해 얻은 example.com의 IP와 통신합니다.
웹 렌더링(Web Rendering)은 서버로부터 받은 리소스를 이용자에게 시각화하는 행위
키워드
- 웹 브라우저(Web Browser): 웹 브라우저는 HTTP/S로 이용자와 웹 서버의 통신을 중개하며, 서버로부터 전달받은 다양한 웹 리소스들을 가공해 이용자에게 효과적으로 전달합니다. 이용자가 다양한 프로토콜들을 알지 못해도 쉽게 웹을 사용할 수 있도록 도와줍니다.
- URL(Uniform Resource Locator): URL은 리소스의 위치를 나타내는 문자열로, 브라우저는 이를 사용하여 서버에 특정 리소스를 요청할 수 있습니다.
- DNS(Domain Name Server): Host의 도메인 이름을 IP로 변환하거나 IP를 도메인 이름으로 변환합니다.
- 웹 렌더링(Web Rendering): 서버로부터 받은 리소스를 이용자에게 시각화하는 것을 말합니다.
