브라우저의 동작 단계 🛠
통신 ➡️ 렌더링 ➡️ 스크립트 실행
- 브라우저의 동작 단계는 크게 3단계로 나뉘어진다.
통신
- 서버와의 통신
- 브라우저가 서버로 요청을 보냄
- 서버는 요청에 따른 특정값을 응답
- 한번에 하나씩 || 동시에 통신 가능
렌더링
웹 렌더링 엔진 처리과정 자세히보기
- DOM이라 불리우는 객체를 화면에 그림
- DOM은 통신을 통해 받은 HTML을 브라우저가 읽어서 생성
- DOM은 Tree구조로 되어 있음
스크립트 실행
- 자바스크립트를 실행시키는 것을 의미
- 브라우저가 스크립트 태그를 통해 자바스크립트 파일을 읽으면 바로 실행됨
- UI에 이벤트 등록
- 화면을 다크 모드로 변환
- 위와 같은 기능을 만들어 동적인 화면 구현 가능
위의 내용은 Web을 공부하며 개인적으로 정리한 내용입니다.
출처 📝
좋은 글 감사합니다... 제 TIL 쓰는데 참고할게요!