렌더링 엔진렌더링 엔진의 역할을 요청 받은 내용을 브라우저 화면에 표시하는 일이다.렌더링 엔진은 HTML 및 XML 문서와 이미지를 표시할 수 있다. 물론 플러그인이나 브라우저 확장 기능을 이용해 PDF와 다른 유형도 표시할 수 있다. 렌더링 엔진들파이어폭스와 크롬,
리플로우는 문서 내 요소의 위치와 도형을 다시 계산하기 위한 웹브라우저 프로세스의 이름으로, 문서의 일부 또는 전체를 다시 렌더링하는 데 사용된다.리플로우는 브라우저에서 사용자를 차단하는 작업이므로, 개발자가 리플로우 시간을 향상하는 방법을 이해하고 다양한 문서 속성(
요소의 사이즈나 위치에 관련된 정보를 얻어낼 수 있다.top, left, bottom, right, width, height 등 ( 이때 bottom, right는 css와는 다르게 위에서는 얼만큼 왼쪽에서는 얼만큼 떨어져있는지를 나타냄 )브라우저 window창에서 x
DOM이란? 브라우저를 이해할 수 있는 자신들만의 오브젝트로 변환하게 되는 것 ex) HTML의 ``가 javascript의 node라는 오브젝트로 변환됨. node라는 오브젝트는 EventTarget이라는 오브젝트를 상속한다. 즉 모든 node는 이벤트가 발생할 수
위와 같은 코드가 있다고 가정하자.버튼이 클릭됐을때 웹 APIs에서 이벤트가 발생하면 이 콜백을 Task Queue에 넣어준다.콜백 안에서 작성한 코드는 어떤 순서로 작성하던 상관이 없다. 왜냐하면 이 콜백이 Call stack에 들어가는 순간 이벤트 루프는 이것이 다