zoeful-coder

🤚🏻 잠깐! 렌더링 엔진의 역할이 뭐라고 했지? 렌더링 엔진은 '사용자가 요청한 html문서를 브라우저 화면에 표시 한다' 라는 아주 단편화 된 정의로 간단하게 설명할 수 있겠습니다! 만.. 렌더링 엔진의 동작 과정 사용자가 요청한 내용을 브라우저 화면에 표시 할 수 있게 되는 과정은 그리 간단하지만은 않겠습니다. 렌더링 엔진은 통신으로 부터 요청한 문서의 내용을 얻어 1. HTML 문서를 파싱하여 DOM트리 구축 html문서를 파싱하여 dom트리를 생성하고 2. 외부 CSS파일을 파싱하여 CSSOM트리 구축 외부css파일과 함께 포함된 스타일 요소를 파싱하여 cssom트리를 생성합니다. 3. 파싱된 스타일 정보와 HTML 표시 규칙이 렌더 트리를 생성 이렇게 파싱된 스타일 정보와 html 표시 규칙이 ..

사용자 인터페이스 : 주소표시줄, 이전/다음 버튼, 북마크 메뉴 등 브라우저 엔진 : 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어 렌더링 엔진 : 사용자가 요청한 콘텐츠를 표시 통신 : HTTP 요청과 같은 네트워크 호출에 사용됨 UI백엔드 : 콤보 박스와 창 같은 기본적인 장치를 그림 자바스크립트 해석기 : 자바스크립트 코드를 해석-실행 자료 저장소 : 자료를 저장하는 계층 ⇒ 자료를 저장하기 위해 브라우저가 지원하는 웹 데이터 베이스가 있다. 🤚🏻 잠깐! 웹 데이터 베이스란? 저장되어 있는 다량의 데이터를 편리하고 효율적으로 웹에 보여주기 위해 등장한 개념 가변적인 스키마를 가지는 다양한 타입의 데이터를 저장하고 관리 ▶ 브라우저에서 지원하는 웹 데이터 베이스 사용자가 가장 많이 사용하는 데이..