RSS DEV 커뮤니티

웹의 비밀을 풀다: 에피소드 1 웹 페이지가 브라우저에서 화면으로 가는 여정

prasunchakra.com과 같은 웹사이트 주소를 입력하면, 브라우저는 해당 웹페이지를 가져오기 위해 HTTP 요청을 시작합니다. 이 요청은 브라우저와 웹사이트를 호스팅하는 서버 간의 상호 통신을 포함합니다. 먼저, 브라우저는 도메인 네임 시스템(DNS) 조회를 사용하여 서버의 IP 주소를 찾아야 합니다. 이 조회는 로컬 캐시, OS 및 라우터를 먼저 확인한 다음, DNS 리졸버를 쿼리합니다. 리졸버는 루트 서버, 최상위 도메인, 최종적으로 권한 있는 서버를 시작으로 하는 계층 구조를 사용합니다. IP 주소를 찾으면, 신뢰할 수 있는 데이터 전송을 위해 TCP 3-way 핸드셰이크를 활용하여 연결 단계가 시작됩니다. HTTPS 연결은 암호화를 위해 TLS/SSL 핸드셰이크를 추가하여 안전한 통신을 보장합니다. 안전한 연결이 설정되면 HTTP 요청이 전송되고, 서버는 웹페이지 콘텐츠로 응답합니다. 그런 다음 브라우저는 HTML과 CSS로부터 문서 객체 모델(DOM)과 CSS 객체 모델(CSSOM)을 구축합니다. JavaScript가 실행되어 DOM을 동적으로 수정할 수 있습니다. 마지막으로, 브라우저는 렌더링 트리를 생성하고, 레이아웃을 계산하고, 픽셀을 페인트하고, 최종 페이지 디스플레이를 합성합니다.
favicon
dev.to
Demystifying the Web: Episode 1 The Journey of a web page from Browser to Screen
기사 이미지: 웹의 비밀을 풀다: 에피소드 1 웹 페이지가 브라우저에서 화면으로 가는 여정
Create attached notes ...