Skip to main content
← Glossary

합성

Composite

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

같은 뜻으로 쓰는 말

  • compositing

마지막 검증

브라우저가 따로 그려 보관하는 화면 조각을 layer(레이어)라고 부른다. 요소를 이동·회전·확대하는 transform과 투명도를 정하는 opacity 변경이 합성 단계만으로 처리되는 경우가 있지만, 모든 요소가 자동으로 별도 layer를 얻거나 모든 환경에서 같은 비용을 낸다는 뜻은 아니다. 실제 layer 구성과 픽셀을 다시 그리는 paint(페인트) 발생 여부를 개발자 도구로 확인해야 한다.

출처와 검증 범위

아래 날짜는 링크를 마지막으로 열어 본 날입니다. 문서 상단의 검증일은 글의 설명과 적용 범위를 다시 확인한 날입니다.

  1. Rendering performanceweb.dev · 공식 문서 · 확인 2026-07-26