210325 Web browser와 친해지기 1탄 브라우저의 동작과정

이번 포스팅에서는 브라우저의 동작과정에 대해서 정리를 해보려고 한다.
웹 개발자가 좋은 소프트웨어를 개발하기 위해서는 그 Platform이 되는 웹 브라우저에 대한 정확한 이해가 필요하다. 웹 어플리케이션의 성능향상은 곧 웹 브라우저의 동작과 연관되어 있기 때문이다.

우리가 무심코 사용하는 웹 브라우저는 어떻게 동작을 할까? 한 번 자세하게 분석해보자.

자 그럼 웹 브라우저에 대해서 조금씩 알아가보자.
우리가 특정 웹 페이지에서 다른 페이지로 이동을 할때 아래 첨부한 Processing model의 과정의 순서로 새로운 웹 페이지가 로드된다.

웹 브라우저의 Processing model


출처 : W3C Navigation Timing Level 2 Spec https://www.w3.org/TR/2015/WD-navigation-timing-2-20150717/

Read more
="control">React-Framework6
React-Jest2
React-router1
React-router-test5
React-testing-library7
ReactJS4
ReactJS-Axios1
Recursive-function1
Redux1
Resolved-Error1
RxJS1
SQL7
SQLD1
SSG1
Sass1
Seaborn1
Selenium1
Self-Development39
Server-scaling1
Session1
Set1
Sliding-window1
Sort11
Sorting2
Spark2
Spring1
Stack1
Stack-frame4
String1
Study1
Suspense1
TDD5
TIL78
TTI1
TTV1
Tableau1
Terraform3
Tree-traversal2
Tuple1
Two-pointer-algorithm1
TypeScript15
Unit-Test2
Unit-test3
Unit-testing6
Vim1
Virtualenv2
Visualization2
Web-API1
Web-basic1
Web-browser1
Webpack1
Work-life-balance2
ZoneJS1
babel2
basic-term4
dummy-data2
eslint1
faker2
git1
hotfix-branch1
incomplete1
queue1
react-script1
repository1
self-development28
sorting1
this-binding1
webpack2