본문 바로가기
728x90
반응형

DoM

 (2)
[Fast Campus , React] 2. 가상돔 Virtual Dom , 가상돔? 브라우저가 그려지는 원리 및 가상돔 React의 주요 특징 중 하나는 가상돔을 사용한다는 것. 왜 가상돔을 사용하는지 알기 위해 브라우저가 렌더링 하는 과정을 알아봐야 한다. - 돔 (DOM, Document Object Model, 문서객체) html, head, body같은 태그들을 javascript가 이용, 수정할 수 있는 객체 의미 - 가상돔. Virtual Dom 실제 DOM에서 처리하는 방식이 아닌, 가상돔과 메모리에서 미리 저장,처리하고 실제 DOM과 동기화하는 개념 웹 페이지 빌드 과정 (Critical Rendering Path, CRP) 웹 브라우저가 HTML 문서를 읽고 스타일을 입히고 뷰포트에 표시하는 과정 - 뷰포트 (viewport) 컴퓨터 그..
[Javascript] 문서 객체 모델 (DOM, Document Object Model) DOM , Document Object Model HTML 문서의 구조 의미. HTML tag는 각각의 기능 (Method)과 속성 (Properites)을 갖고 있다. 이런 태그들을 (트리) 구조적으로 갖고 있는 문서 객체라 보면 될듯. 배우는 목적 자바스크립트를 사용해 문서 객체를 선택하고 속성이나 스타일(CSS)을 적용하기 위해서 단, 브라우저별 (크롬, 오페라, 사파리 등) 차이가 존재하기에 호환성 문제가 있으므로, 브라우저별로 확인이 필요하다. html은 root가 되고, 그 아래는 node 라 부른다. node에는 아래와 같이 존재한다. html 태그를 연결하는 요소 노드 (Element node) 텍스트를 연결하는 Text node 태그에 속성을 연결해 주는 속성 노드 (Attribute n..
반응형

티스토리툴바