게시일: 2026년 1월 26일
예상대로 2025년 12월은 개발자 커뮤니티가 연말을 맞아 휴식을 취하면서 Baseline에 다소 느린 달이었습니다. 2025년의 다른 달에 비해 이번 업데이트는 짧지만, 여전히 많은 주요 소식이 있습니다.
새로 제공되는 기준 기능
다음 기능은 2025년 12월에 새로 출시된 기준이 되었습니다. 따라서 이러한 모든 기능은 2028년 7월에 Baseline Widely로 제공될 예정입니다.
document.caretPositionFromPoint()
document.caretPositionFromPoint()는 지정된 뷰포트 좌표의 정확한 삽입 지점 (DOM 노드 및 오프셋)을 찾는 데 유용한 메서드입니다. 이 방법을 사용하면 문서에서 캐럿의 위치를 찾는 데 필요한 추측이 줄어듭니다.
Event Timing API
Event Timing API는 문서와의 상호작용을 감지하는 데 사용되며 사용자 상호작용의 지연 시간을 계산하는 데 사용할 수 있습니다. 이 API는 다음 페인트에 대한 상호작용 (INP) 코어 웹 바이탈 측정항목을 계산하는 데 사용됩니다. 이제 이 API가 Baseline Newly available이므로 모든 핵심 브라우저에서 INP 측정항목을 계산할 수 있으며, 최종적으로 Baseline Widely available에 도달하면 실제 사용자 모니터링 (RUM) 목적으로 사용되는 더 많은 브라우저에서 이 중요한 사용자 중심 측정항목을 계산할 수 있습니다.
Largest Contentful Paint API
콘텐츠가 포함된 최대 페인트 (LCP)는 문서에서 가장 큰 콘텐츠가 렌더링되는 시점을 계산하는 Core Web Vitals 측정항목입니다. 이제 Largest Contentful Paint API가 Baseline Newly available이 되었으며 Baseline Widely available에 도달하면 더 많은 사용자를 지원하므로 데이터 수집 목적으로 실제 사용자가 경험하는 이 중요한 사용자 중심 측정항목을 계산할 수 있습니다.
CSS scrollbar-color
이전에는 브라우저 간에 스크롤 막대를 일관되게 스타일링하는 것이 불가능했습니다. 이제 CSS scrollbar-color 속성을 Baseline Newly available로 사용할 수 있으므로 문서의 스크롤 막대 색상을 스타일링하는 더 나은 방법을 사용할 수 있습니다.
이벤트 scrollend개
scrollend 이벤트는 스크롤 작업이 완료된 시점을 안정적으로 감지하는 방법을 제공하여 지저분한 setTimeout 해킹을 대체합니다. 이 기능이 Baseline Newly available로 도입됨에 따라 사용자는 setTimeout 콜백을 사용하여 성능과 코드 가독성을 저해하지 않는 방식으로 스크롤 작업이 완료된 시점을 감지할 수 있습니다.
CSS @scope
CSS @scope at-rule을 사용하면 복잡한 선택기가 필요하지 않도록 문서 하위 트리의 요소를 더 쉽게 타겟팅할 수 있습니다. 이제 @scope가 새로 제공되는 기준이 되면서 스타일의 범위를 지정할 수 있는 강력한 도구가 생겼습니다.
수학 글꼴 모음
페이지에 수학 방정식을 표시해야 했던 적이 있다면 이러한 콘텐츠에는 특정 렌더링 요구사항이 있다는 것을 알 것입니다. font-family: math가 새로 출시된 기준이 되면서 수학 방정식을 표시하기 위해 더 이상 해킹을 사용할 필요가 없습니다.
호출자 명령어
호출자 명령어는 페이지의 <button> 요소에 동작을 할당하는 데 유용합니다. 특히 대화상자와 팝오버의 사용을 제어하는 데 유용하며 접근성 문제와 같은 이러한 API 사용의 기본 요구사항을 많이 처리하는 데 도움이 됩니다. 이러한 패턴이 어떻게 작동하는지 알아보려면 최근에 출시된 실제 사용 사례의 기준선 시리즈의 항목인 <dialog> 및 popover: 기준선 레이어 UI 패턴을 참고하세요.
널리 사용되는 기준 기능
일부 기능은 2025년 12월에 Baseline Widely available이 되었으며, 이는 이제 이러한 기능이 모든 주요 브라우저에서 광범위하게 사용될 수 있다고 간주된다는 의미입니다.
키워드 calc()개
calc()가 CSS에서 수학 연산을 실행하므로 자주 사용되는 수학 공식에 키워드를 도입해야 할 필요성이 커졌습니다. e, pi, infinity, NaN 키워드는 calc()의 CSS 수학 함수에서 허용되는 잘 정의된 상수를 나타냅니다.
작업자의 JavaScript 모듈
웹 작업자는 설계상 자체 범위에 있으며 Worker() 생성자를 통해 인스턴스화됩니다. 웹 작업자를 시작할 때 { type: "module" } 인수를 사용하면 작업자 범위에서 ES 모듈을 사용하여 import 및 export에 액세스할 수 있습니다. 이제 이 기능이 널리 사용되는 기준선에 도달했으므로 현재 사용 중인 더 많은 브라우저에서 이 기능을 사용할 수 있습니다.
window.print()
window.print()는 잘 정립된 웹 기능이지만, 이번 달에 특정 최신 인쇄 대화상자 구현을 위한 크로스 브라우저 기준 널리 사용 가능한 시계가 완료되어 사용 중인 더 많은 브라우저에서 더 안정적으로 사용할 수 있게 되었습니다.
마무리
2025년이 지나고 2026년 Baseline과 함께 새해를 맞이합니다. 언제나처럼 기준선과 관련된 내용 중 누락된 부분이 있으면 알려주세요. 향후 버전에 반영하도록 하겠습니다.