돔트리
-
DOM(Document Object Model)프론트엔드/프론트엔드 이론 2020. 9. 18. 01:36
DOM이란? 문서 객체 모델 DOM은 Document Object Model의 약자로 HTML, XML 문서의 프로그래밍 interface다. DOM은 문서의 구조화된 표현을 제공하며 프로그래밍언어(흔히 자바스크립트)가 DOM 구조에 접근할 수 있는 방법을 제공한다. 렌더링 엔진이 텍스트 파일로 이뤄진 문서를 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 사용하는 구조 모델을 DOM이라 한다. DOM트리란? 브라우저가 웹서버로부터 받은 정보는 복잡하게 섞여있다. 렌더링 엔진은 이것을 브라우저가 쉽게 이해하기 위해 정리한다. 그 과정에서 모든 요소, 요소의 어트리뷰터(속성), 텍스트를 각각의 개체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이..
-
웹 브라우저의 구성과 동작 방식프론트엔드/프론트엔드 이론 2020. 9. 18. 00:30
웹 브라우저란? 인터넷을 통해 웹서버의 모든 정보를 볼 수 있게하고 HTML 검색을 돕는 응용 프로그램이다. 웹 브라우저의 동작 방식 웹 브라우저는 인터넷 웹 서벗에 자료를 요청하기 위한 클라이언트 프로그램이다. 그림으로 나타내면 다음과 같다. 유저가 웹사이트에 접속하기 위해 브라우저에 주소를 입력한다. 그러면 브라우저는 주소에 맞는 웹 서버에 웹사이트 자료를 요청한다. 웹서버는 브라우저의 요청에 맞는 각종 웹사이트에 관련된 자료를 제공한다. 브라우저는 이 웹서버가 제공한 자료를 해석하고 화면에 구현하여 유저에게 정보를 제공한다. 실제로 우리가 보는 화면은 서버에서 바로 받아서 그 페이지를 그대로 보여주는 것이 아니다. 페이지는 화면 구현에 필요한 코드, 이미지를 브라우저로 보내고 브라우저는 그것을 해석..