> For the complete documentation index, see [llms.txt](https://jmxx219.gitbook.io/cs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jmxx219.gitbook.io/cs/network/url.md).
# 브라우저에 URL입력시 네트워크 상 일어나는 일
```
브라우저에 www.github.com 입력시 일어나는 일
```
## **1. 브라우저에 URL 입력**
* 핸들링 인풋 진행
* 브라우저 프로세스 안의 ui스레드가 입력된 텍스트 값 판단
* `Search Query` 일 경우, 검색이 되도록 함(크롬 브라우저 → 구글 검색 엔진)
* `URL` 일 경우, URL값을 네트워크 스레드에게 전달할 준비를 함
* URI, URL, URN
### URI(Uniform Resource Identifier, 통합 자원 식별자)
* 인터넷 자원을 식별할 수 있는, 하나의 `리소스`를 가르키는 문자열
* 이때 리소스는 HTTP와 같은 프로토콜에서 요청한 대상
* URI의 하위개념으로 `URL`, `URN` 존재
### URL(Uniform Resource Locator)
* 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 `위치`한 정보를 나타냄
* FTP, SMTP등 다른 프로토콜에서 사용 가능
### URN(Uniform Resource Name)
* `URI`의 표준 포맷중 하나로 이름으로 리소스를 특정하는 URI
* 리소스의 name을 가리키는데 사용
* http와같은 프로토콜을 제외함
* 특징
* 리소스를 영구적이고 유일하게 식별할 수 있는 URI
* 리소스 접근방법과 웹 상의 위치가 표기되지 않음
* 리소스 자체에 부여된 영구적이고 유일한 이름이며 변하지 않음
* 실제 자원을 찾기 위해선 URN을 URL로 변환해 이용
> **URL과 URI의 차이점**
>
> * URL은 어떻게 리소스를 얻을 것이고 어디에서 가져와야하는지 명시하는 URI
> * URN은 리소스를 어떻게 접근할 것인지 명시하지 않고 경로와 리소스 자체를 특정하는 것을 목표로하는 URI
\
## 2. 입력한 URL의 IP 주소를 찾기 위해 DNS 이용
* 인터넷의 모든 URL에는 고유한 [IP 주소](/cs/network/ip.md)가 할당 됨
* [DNS](https://jmxx219.gitbook.io/cs/network/pages/7Rn9x7YQbhOMGvRS1bw7#dns란)를 통해 변환된 도메인 이름의 IP 주소를 찾음
### [DNS 작동 방식 참고](https://jmxx219.gitbook.io/cs/network/pages/7Rn9x7YQbhOMGvRS1bw7#dns-작동-방식)
1. 캐시의 DNS 기록 확인
2. 캐시에 없을 경우 DNS 쿼리 진행
\
## 3. 브라우저와 서버의 연결 (TCP connection)
* 인터넷 프로토콜을 이용해 브라우저와 서버 연결
* 웹 사이트의 경우 HTTP요청에 일반적으로 **TCP연결 진행**
* [3-way handshake](/cs/network/3-way-handshake.md)을 통한 TCP connection 완성
\
## 4. 브라우저가 웹 서버에 HTTP 요청
* TCP연결 후, 데이터 전송
\
## 5. 요청에 대한 서버의 응답
* 서버는 요청을 처리하고 response 생성
* 서버가 [HTTP response](https://github.com/jmxx219/CS-Study/blob/main/network/HTTP%20응답코드.md)를 보냄
\
## 6. 브라우저는 HTML content를 보여줌
* 브라우저는 HTML content를 단계적으로 보여줌
* HTML 스켈레톤 렌더링 → HTML tag체크 후 추가 필요 요소(이미지, CSS, js파일..) Get 요청 → 정적파일 캐싱 → [www.github.com](http://www.github.com) 화면 보임
\
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://jmxx219.gitbook.io/cs/network/url.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.