×
Crocus
공부한 내용을 정리하는 블로그로 시작한
Crocus는 2014년 1월 14일 부터 시작하여
현재 월 6만명, 총 2,191,305명의 방문자 수를 기록하고 있습니다.
Donation
이제 많은 사용자들이 이용하는 만큼
더 다양한 서비스 개발/제공을 위해 후원금을 모금하고자 합니다.
후원을 해주시는 분들은 Donators 명단에 성명, 후원금을 기입해드리며
Crocus 블로그가 아닌 다른 곳에 정리해둔 저만의 내용을 공유해 드리고자 합니다.
Account
예금주 : 고관우
신한은행 : 110-334-866541
카카오뱅크 : 3333-01-7888060

👉 후원 페이지 바로가기 Donators
익명 : 5000원(Crocus응원합니다.)
busyhuman: 5000원(유용한 지식 감사합니다.)
익명 : 5000원(알고리즘 학습러)
반응형


www.naver.com을 입력했을 때 브라우저 작동 원리


https://d2.naver.com/helloworld/59361


브라우저의 동작 원리


  1. 브라우저에 URL을 입력하고 Enter를 입력한다.

  2. 웹 브라우저가 URL을 해석한다.

  3. DNS를 조회한다.

3-1. DNS에 요청을 보내기 전 해당 도메인이 브라우저에 캐싱되어있는지 확인한다.

3-2. 없을 경우 로컬에 저장돼 있는 hosts파일에서 참조할 수 있는 도메인이 있는지 확인한다.

3-3. 두가지 모두 실패했을 때 DNS로 요청을 보낸다.

  1. DNS를 통해 수신하게 된 IP 주소에 TCP 통신을 시작한다.(3way-handshake)

4-1. 이때 HTTPS이면 TLS(Transport Layer Security) 즉, SSL handshake가 추가된다.

  1. HTTP 프로토콜로 요청을 한다.

  2. HTTP 서버가 응답한다.

  3. HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.)

  4. CSS 마크업을 처리하고 CSS 트리를 빌드한다. ("어떻게" 그릴지 결정한다.)

  5. DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정)

  6. 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.)

  7. 개별 노드를 화면에 페인트한다.(or 래스터화)



http 통신원리


https://www.joinc.co.kr/w/Site/Network_Programing/AdvancedComm/HTTP



반응형