웹 브라우저를 통해 웹사이트에 접속하여 원하는 웹페이지를 가져오는 과정에 대한 포스팅 입니다.

Web의 동작 원리

(출처 : http://www.tcpschool.com/webbasic/works)

1단계. 사용자 입력

사용자가 웹 브라우저의 검색창에 특정 사이트의 주소를 입력합니다.

2단계. 웹 브라우저 -> DNS 서버 요청

웹 브라우저가 DNS 서버에 특정 사이트의 도메인에 해당하는 IP주소를 요청합니다.

3단계. DNS 서버 -> 웹 브라우저 응답

DNS 서버가 웹 브라우저에게 해당 사이트의 IP주소를 응답합니다.

4단계. 웹 브라우저 -> 웹 서버 요청

웹 브라우저가 해당 IP주소의 웹 서버에게 리소스를 요청합니다.

최상위에 첨부한 이미지에서는 과정을 단순화하기 위해 WAS와 DB가 생략된 것으로 보여지는데요,
웹 서버에서는 정적인 페이지(HTML, CSS 등) 처리를 담당하고,
WAS에서는 동적인 페이지(JS 등) 처리를 담당하고,
DB에서 필요한 데이터 정보를 받아 그에 맞는 파일을 생성합니다.

5단계. 웹 서버 -> 웹 브라우저 응답

웹 서버는 웹 브라우저에게 HTML 문서 결과를 응답합니다.

6단계. 웹 브라우저 렌더링

웹 브라우저는 화면에 웹페이지를 출력합니다.

웹 브라우저 렌더링 과정은 별도의 포스팅으로 다룰 예정입니다.

Reference

• URL 접근했을 시 서버 연결 및 웹 브라우저 렌더링 과정 : https://velog.io/@tnehd1998/주소창에-www.google.com을-입력했을-때-일어나는-과정 (훨씬 더 상세합니다..!)