8월의 웹 플랫폼 신규 출시

2025년 8월에 안정화 버전 및 베타 웹브라우저에 도입된 흥미로운 기능을 알아보세요.

Rachel Andrew

게시일: 2025년 8월 29일

안정화 브라우저 출시

8월에 안정 버전으로 출시된 Chrome 139와 Firefox 142가 웹 플랫폼에 미치는 영향을 살펴봅니다.

URL 패턴 API

Firefox 142는 URL 패턴 API를 지원하므로 URL을 훨씬 쉽게 일치시키고 파싱할 수 있습니다. 이 기능은 이미 Chrome에 있으며 Safari 26 베타에도 있으므로 곧 Baseline에서 볼 수 있을 것입니다.

우선순위가 지정된 작업 예약

Firefox 142는 우선순위가 지정된 작업 예약 API도 지원합니다. 지원에는 Scheduler, TaskController, TaskSignal, TaskPriorityChangeEvent (및 prioritychange 이벤트)와 Window.scheduler, WorkerGlobalScope.scheduler 속성이 포함됩니다.

이제 Chrome과 Firefox 모두에서 scheduler.yield을 사용하여 긴 작업을 분할할 수 있습니다. 지원되지 않는 경우에 도움이 되는 폴리필도 제공됩니다.

CSS 모서리 모양

스쿼클을 만들고 싶었다면 Chrome 139의 새로운 corner-shape 속성이 마음에 드실 겁니다. 이 기능은 border-radius와 함께 작동하여 처음으로 모서리 모양을 조정할 수 있습니다.

자세한 내용과 예시는 CSS 모서리 모양과 초타원의 힘 이해하기를 참고하세요.

CSS 맞춤 함수

Chrome 139에는 CSS 맞춤 함수도 포함되어 있습니다. 이는 맞춤 속성과 유사하지만 단일 고정 값을 반환하는 대신 다른 맞춤 속성, 매개변수, 조건에 따라 값을 반환합니다.

CSS 함수는 @function 규칙을 사용하여 정의되며 CSS 맞춤 함수 및 믹스인 사양의 일부입니다.

@function --negate(--value) {
result: calc(var(--value) * -1);
}

div {
--gap: 1em;
margin-top: --negate(var(--gap));
}

request-close 호출자 명령어

대화상자 요소는 다양한 메커니즘을 통해 닫을 수 있지만 개발자는 닫기를 방지하는 기능을 원할 때가 있습니다. 이를 위해 대화상자는 취소 이벤트를 실행합니다. 원래는 닫기 요청 (예: ESC 키 누르기)을 사용해서만 실행되었지만 최근에는 취소 이벤트도 실행하는 requestClose() JavaScript 함수가 추가되었습니다.

이제 Chrome 139에 있는 request-close 명령어를 사용하면 선언적 호출자 명령어 API에 새로운 기능을 사용할 수 있습니다.

베타 브라우저 출시

베타 브라우저 버전에서는 다음 안정화 버전 브라우저에 포함될 내용을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하기에 좋은 시기입니다. 이번 달의 새로운 베타는 Firefox 143 및 Chrome 140이며, Safari 26 베타는 아직 진행 중입니다.

Firefox 143에는 Interop 2025에 포함된 ::details-content 의사 요소가 포함되어 있습니다. 이번 출시를 통해 기준선 기능을 새로 사용할 수 있게 됩니다. CSS text-autospace 속성도 포함됩니다. 이 국제화 기능은 중국어, 일본어, 한국어 (CJK) 텍스트를 CJK가 아닌 문자와 함께 표시하는 경우에 유용합니다. 이 옵션을 사용하면 이러한 문자 사이에 적용되는 간격을 지정할 수 있습니다.

Chrome 140에는 ToggleEvent가 발생하도록 트리거한 요소를 포함하는 ToggleEvent의 source 속성이 포함됩니다. @font-face 규칙의 font-variation-settings 설명자 지원과 여러 WebGPU 업데이트도 포함되어 있습니다.