본문 바로가기
Developer

브라우저의 렌더링 과정 ( Enter 후 )

by Chars4785 2021. 4. 1.

 

1. 브라우저에 google.com을 쳤다.

2. 브라우저는 해당 IP 주소를 찾기 위해 DNS 레코드 캐시를 확인
- 브라우저는 해당 DNS가 기존에 갖고 있었는지 확인 하기 위해서 browser cache에서 찾아본다.

- DNS 레코드 캐시를 유지 하고 있기 떄문에 OS 캐시 확인

- 라우터 캐시 확인 

- isp 캐시 확인 (해외만 해당할수 있다) -  '인터넷 회사' kt,lg 유플러스, 등.. 인터넷 서비스를 제공하는 업체들

3. 캐쉬가 없다면 해당 google.com에 해당하는 IP 주소를 찾기 위해 DNS 쿼리를 시작

- DNS 재귀가 해당 이름을 나눠서 찾기 시작한다. 

- . -> .com -> google.com 
- 해당 IP를 발견하게 되면 올바른 IP 주소를 얻고 브라우저에 돌아온다.

https://webhostinggeeks.com/guides/dns/

3. 브라우저가 서버와 TCP 연결

- 일치하는 서버와 연결을 한다.
- TCP/IP three-way handshake. -> 연결 성공

4. 브라우저는 웹 서버에 HTTP 요청을 보낸다.
- TCP 연결 후 HTTP 요청
5. 서버가 요청을 처리

6. 서버가 응답 보내고

7. 브라우저 보여짐

 

 


 

 

참고

https://medium.com/@maneesha.wijesinghe1/what-happens-when-you-type-an-url-in-the-browser-and-press-enter-bb0aa2449c1a

 

What happens when you type a URL in the browser and press enter?

If you are in any technical profession, I am sure someone at some point has asked you this question. Whether you are an engineer…

medium.com

https://donologue.tistory.com/380

 

웹사이트가 브라우저에 뜨는 과정

웹사이트가 브라우저에 뜨는 과정을 알아보자. 단골 개발자 면접 질문중에 하나로 네트워크가 있지. 네트워크 수업을 들었다면 조금 더 이해가 쉬울텐데 이 과정을 간단히 정리해보면 다음과

donologue.tistory.com

 

'Developer' 카테고리의 다른 글

Cache vs Cookies vs Session  (0) 2021.10.20
[ Window, Document ]  (0) 2021.08.24
package.json  (0) 2021.04.01
[Git] 계정 두개 github  (0) 2020.12.24
[ 참고 하기 좋은 사이트 ]  (0) 2019.11.12

댓글