브라우저의 동작원리 ⚙️

surim014·2021년 8월 14일
2

Web

목록 보기
2/3
post-thumbnail

브라우저의 동작 단계 🛠

통신 ➡️ 렌더링 ➡️ 스크립트 실행

  • 브라우저의 동작 단계는 크게 3단계로 나뉘어진다.

통신

  • 서버와의 통신
  • 브라우저가 서버로 요청을 보냄
  • 서버는 요청에 따른 특정값을 응답
  • 한번에 하나씩 || 동시에 통신 가능

렌더링

웹 렌더링 엔진 처리과정 자세히보기

  • DOM이라 불리우는 객체를 화면에 그림
  • DOM은 통신을 통해 받은 HTML을 브라우저가 읽어서 생성
  • DOM은 Tree구조로 되어 있음

스크립트 실행

  • 자바스크립트를 실행시키는 것을 의미
  • 브라우저가 스크립트 태그를 통해 자바스크립트 파일을 읽으면 바로 실행됨
    • UI에 이벤트 등록
    • 화면을 다크 모드로 변환
    • 위와 같은 기능을 만들어 동적인 화면 구현 가능

위의 내용은 Web을 공부하며 개인적으로 정리한 내용입니다.

출처 📝

profile
Junior FrontEnd Developer 😎

2개의 댓글

comment-user-thumbnail
2021년 8월 16일

좋은 글 감사합니다... 제 TIL 쓰는데 참고할게요!

1개의 답글