Glossary

첫 항목부터 특정 항목 직전까지의 높이를 합한 값으로, 그 항목의 세로 시작 위치를 나타낸다.

계산된 스타일을 바탕으로 각 요소가 차지할 사각형의 크기와 페이지 안 위치를 결정하는 렌더링 단계다.

이 글에서는 스크롤 컨테이너 안에서 사용자가 현재 볼 수 있는 직사각형 영역을 뜻한다.

보이는 영역 위쪽의 레이아웃이 바뀔 때 기준 요소의 화면상 위치가 갑자기 움직이지 않도록 브라우저가 스크롤 위치를 보정하는 동작이다.

스크롤 컨테이너의 시작점에서 현재 보이는 영역의 시작점까지 이동한 거리다.

현재 보이는 범위 바깥의 항목을 조금 더 렌더링해 빠른 스크롤 때 빈 공간이 드러날 가능성을 줄이는 여유 범위다.

전체 목록 중 현재 보이는 영역과 그 주변에 필요한 일부 항목만 DOM(Document Object Model, 브라우저가 화면 요소를 노드의 트리로 표현한 구조)에 렌더링하는 기법이다.

텍스트, 색, 테두리, 그림자처럼 요소의 시각적 결과를 픽셀로 그릴 명령을 만드는 렌더링 단계다.

브라우저가 따로 그려 둔 화면 조각들을 올바른 순서와 위치로 조합해 최종 화면을 만드는 렌더링 단계다.

대상 요소가 root(교차를 판단하는 기준 영역)의 보이는 범위와 겹치는 상태를 비동기적으로 관찰하는 브라우저 API다.

요소의 내용 영역 또는 내용·안쪽 여백·테두리를 합친 바깥 영역의 크기 변화를 비동기적으로 전달하는 브라우저 API다.