게시일: 2025년 1월 22일
Interop 2024가 종료되면서 이 게시물에서는 프로젝트의 가장 성공적인 한 해를 되돌아봅니다. 모든 실험용 브라우저가 99점을 보고했으며 안정화 버전도 그 뒤를 따랐습니다. 이번 성공으로 이제 여러 기능을 새로운 기준으로 사용할 수 있게 되었습니다.

기준에 추가된 기능
기능이 기준에 따라 새로 제공되려면 상호 운용성이 있어야 합니다. 따라서 Interop 2024가 그 이후 기준 2024에 이르기까지 여러 기능을 지원한 것은 놀라운 일이 아닙니다.
등록된 맞춤 속성
@property
규칙 및 CSS.registerProperty()
정적 메서드가 2024년 7월에 새로운 기준으로 제공되었습니다.
font-size-adjust
속성
font-size-adjust
CSS 속성은 x 높이와 같은 특정 측정항목을 기준으로 글꼴을 동일한 크기로 조정하여 사용되는 글꼴과 관계없이 텍스트의 가시적 크기를 유지합니다. 이렇게 하면 대체 글꼴이 동일한 크기로 표시될 수 있습니다.
2024년 7월에 새로운 기준이 되었습니다.
<video>
의 requestVideoFrameCallback()
메서드
<video>
의 requestVideoFrameCallback()
메서드는 다음 동영상 프레임과 함께 실행되는 함수를 예약합니다. requestAnimationFrame()
와 유사하지만 동영상용이며 2024년 10월에 새로 사용할 수 있게 되었습니다.
- MDN의
requestVideoFrameCallback()
- 웹 플랫폼 대시보드의
requestVideoFrameCallback()
항목 requestVideoFrameCallback()
를 사용하여 동영상에서 효율적인 동영상 프레임별 작업 실행
scrollbar-width
및 scrollbar-gutter
를 사용한 스크롤바 스타일 지정
scrollbar-width
CSS 속성은 스크롤바의 너비를 설정하고 scrollbar-gutter
는 스크롤바의 공간을 예약하여 스크롤바가 표시되고 사라질 때 원치 않는 레이아웃 변경을 방지합니다. 2024년 12월에 새로 제공되는 기준이 되었습니다.
transition-behavior
속성
transition-behavior: allow-discrete
CSS 선언은 애니메이션 동작이 불연속적인 속성의 전환을 허용합니다. 이러한 속성은 보간할 수 없으며 50%에서 시작 값에서 끝 값으로 전환할 수 없습니다. 이 속성은 2024년 8월에 새로운 기준 속성으로 제공되었습니다.
text-wrap: balance
text-wrap
CSS 속성은 컨테이너를 오버플로하는 텍스트에서 줄바꿈이 이루어지는 방식을 설정합니다. text-wrap-style
및 text-wrap-mode
의 약어입니다. balance
값을 사용하면 균형 잡힌 광고 제목과 기타 짧은 텍스트를 만들 수 있습니다. text-wrap
속성은 2024년 3월에 새로 출시된 기준이 되었습니다.
팝오버
팝오버를 사용하면 HTML 또는 showPopover()
메서드를 사용하여 선언적으로 오버레이를 만들 수 있습니다. 거의 기준 '신규'에 도달했으며 실제로 처음에는 도달했다고 생각했지만 Safari 구현에 문제가 있어 2024년에 '신규'에 도달하지 못했습니다. 좋은 소식은 현재 Safari 베타 18.3에서 이 문제가 해결되었으므로 곧 팝오버를 '새로운 기준'으로 제대로 발표할 수 있다는 것입니다.
기준 기능 수정사항
Interop 2024에 이미 기준점(신규)으로 분류된 기능이 포함되어 있었습니다. 이 작업은 구현의 일부 사소한 차이를 수정하는 것이었습니다. 이러한 문제는 극소수의 사용자에게만 발생할 수 있지만, 이러한 문제가 발생한 사용자에게는 작은 문제가 큰 차이를 가져올 수 있습니다.
CSS 중첩
CSS 중첩을 사용하면 규칙을 다른 규칙 내에 중첩하여 더 짧은 선택자, 더 쉬운 읽기, 더 많은 모듈성을 제공할 수 있습니다. 2023년 12월에 Baseline Newly로 제공되기 시작했으며, 일부 미해결 상호 운용성 문제를 해결하기 위해 Interop 2024에 포함되었습니다.
선언적 섀도우 DOM
<template>
의 shadowrootmode
속성은 JavaScript를 사용하지 않고 섀도우 루트를 만듭니다. `attachShadow() 메서드의 선언적 대안입니다.
Interop 2025가 곧 출시됩니다
현재 Interop 2025를 위한 제안서가 마무리되고 있으며 올해의 모든 성공을 바탕으로 더욱 발전해 나갈 수 있기를 기대합니다. 2월에 발표되는 내용을 확인해 보세요. 기준점에 적용되는 사항을 확인하려면 web.dev에서 기준점에 새로 제공되는 기능 시리즈를 확인하세요.