7월의 웹 플랫폼 신규 부문

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

Rachel Andrew

게시일: 2025년 7월 31일

안정화 브라우저 출시

Firefox 141이 이번 달의 유일한 신규 안정화 브라우저이므로 이 게시물은 Firefox 특집입니다.

WebGPU API

Firefox 141은 서비스 워커를 제외한 모든 컨텍스트에서 지원되는 Windows에 WebGPU를 구현합니다.

자세한 내용은 MDN 문서와 WebGPU 개요를 참고하세요.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox Technology Preview: supported.
  • Safari Technology Preview: supported.

Source

<dialog> 요소의 closedby 속성

Firefox는 HTMLDialogElement 인터페이스의 해당 closedBy 속성과 함께 <dialog> 요소에 closedby 속성도 구현합니다.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

scrollMargin 속성

이제 Firefox에서 IntersectionObserver 인터페이스의 scrollMargin 속성을 지원합니다. 관찰자의 루트 요소 내에 있는 모든 중첩된 스크롤 컨테이너에 여백을 추가하므로 이러한 요소 내의 타겟이 처음 표시될 때만 관찰되는 대신 뷰로 스크롤되기 전(또는 후)에 관찰될 수 있습니다.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: not supported.
  • Safari: not supported.

CSS font-variant-emoji

font-variant-emoji CSS 속성은 그림 이모티콘을 표시하기 위한 기본 프레젠테이션 스타일을 지정합니다. 속성은 다음 값 중 하나를 사용합니다.

  • normal: 브라우저가 그림 이모티콘을 표시하는 방법을 선택할 수 있습니다. 이는 운영체제 설정을 따르는 경우가 많습니다.
  • text: 유니코드 텍스트 변형 선택기 (U+FE0E)를 사용하는 것처럼 그림 이모티콘을 렌더링합니다.
  • emoji: 유니코드 그림 이모티콘 변형 선택기 (U+FE0F)를 사용하는 것처럼 그림 이모티콘을 렌더링합니다.
  • unicode: 그림 이모티콘 표시 속성에 따라 그림 이모티콘을 렌더링합니다. U+FE0E 또는 U+FE0F 변형 선택기가 있으면 이 설정이 재정의됩니다.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: behind a flag.
  • Safari: behind a flag.

Source

베타 브라우저 출시

베타 브라우저 버전에서는 다음 공개 버전 브라우저에 포함될 내용을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하기에 좋은 시기입니다. 이번 달의 유일한 신규 베타는 Firefox 142입니다. Safari 26 및 Chrome 139 베타가 아직 진행 중입니다.

Firefox 142는 Selection에서 getComposedRanges() 메서드를 구현합니다. 이 메서드는 현재 선택 범위를 나타내는 StaticRange 객체의 배열을 반환하며, 섀도우 경계를 교차할 수 있는 범위를 반환할 수 있습니다. 애플리케이션의 작업 우선순위를 할당하고 관리하는 표준화된 메커니즘을 제공하는 우선순위가 지정된 작업 일정 API도 포함됩니다.