주소창에 주소를 입력하면 일어나는 일

1. 브라우저에 주소 입력
2. DNS를 통해 ip 주소를 받는다.
3. 브라우저 ↔ 웹서버간의 HTTP 통신
   1. tcp ip 통신
   2. 웹서버로부터 브라우저에 요청한 주소에 알맞은 리소스를 반환 받을 수 있게 메시지를 요청한다.
   3. 웹서버에 요청한주소에 알맞은 리소스 값을 찾은 후 존재할 시에 응답메시지를 보내준다.
   4. https://amunre21.github.io/web/1-site-works/ (자세한 내용)
4. 웹서버에서 알맞은 리소스를 반환한다.
5. 브라우저 리소스 html 파싱하기

브라우저 리소스 html 파싱하기 (5번)

1. HTML parsing → Dom 생성
2. CSS parsing → CSSOM 생성
3. DOM + CSSOM → render tree 셍성
4. layout → 위치와 크기를 계산한다
5. paint → 화면상에 실제 픽셀로 변환하여 레이어를 만든다, 색 채워넣기
6. composite → 레이어를 합성하여 실제 화면에 나타낸다.

# 출처

사진출처 및 DNS 통신방법: https://amunre21.github.io/web/1-site-works/