🌟브라우저 동작 방식

웹 브라우저가 웹 서버에 필요한 자원을 요청하면 서버는 응답하고 웹 브라우저는 이를 해석한 후 사용자에게 보여줍니다.

브라우저 구성 요소

• 사용자 인터페이스
  ui는 사용자가 접근할 수 있는 영역
• 브라우저 엔진
  ui와 렌더링 엔진 사이 동작을 제어 하며 data storage를 참조하며 로컬에 데이터를 쓰고 읽으며 다양한 작업진행
• 렌더링 엔진

웹 서버로부터 응답 받은 자원을 웹 브라우저 상에 나타낸다.

ex) 브라우저는 서버로부터 HTML 문서를 응답받으면 렌더링 엔진의 HTML 파서와
CSS 파서에 의해 파싱(parsing)되어 DOM, CSSOM(css object model)트리로 변환되고 
렌더 트리로 결합합니다. 
이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹 페이지를 나타냅니다. 

돔은 트리라는 자료구조를 가지고 있다. 
뜻은 웹 브라우저가 html페이지를 인식하는 방식을 의미한다.

• 통신
  http요청과 같은 서버와 통신이 가능케 하는 네트워크 호출에 사용

• js해석기

• ui백엔드
  select, input등 기본적인 위젯을 그리는 인터페이스

• 자료 저장소
  브라우저 메모리를 활용해 저장