12월의 웹 플랫폼 새로운 기능

2024년 12월에 안정화 버전 및 베타 웹브라우저에 도입된 몇 가지 흥미로운 기능을 살펴보세요.

게시일: 2024년 12월 18일

2024년 12월에 새 안정화 버전을 출시한 유일한 브라우저는 Safari 18.2를 사용하는 Safari였습니다. 이 게시물에서는 웹 플랫폼에 추가된 새로운 기능을 살펴봅니다.

기준점 Safari 18.2에서 새로 사용할 수 있는 기능

이 출시에서는 몇 가지 새로운 기능을 통해 기준 2024를 완성하는 데 도움이 됩니다.

@page로 페이지 설정

@page at-rule을 사용하면 인쇄된 문서, eBook, 슬라이드와 같은 콘텐츠의 크기와 여백을 지정할 수 있습니다.

ruby-alignruby-position CSS 속성

ruby-alignruby-position 속성을 사용하면 루비 텍스트가 컨테이너 내에서 배치되고 정렬되는 방식을 제어할 수 있습니다.

줄바꿈 <ruby> 및 CSS ruby-align 속성에서 자세히 알아보세요.

스크롤바 스타일 지정

이제 CSS scrollbar-gutterscrollbar-width 속성을 기준으로 새로 사용할 수 있으므로 웹 앱에서 스크롤바의 모양을 맞춤설정할 수 있습니다.

::target-text 의사 요소

::target-text 가상 요소를 사용하면 URL 텍스트 프래그먼트로 강조 표시된 텍스트의 스타일을 지정할 수 있습니다. 이제 텍스트에 더 눈길을 끌 수 있도록 강조 표시하는 방법을 선택할 수 있습니다.

WebAssembly 가비지 컬렉션 및 테일 콜 최적화

Safari 18.2에는 이러한 WebAssembly (Wasm) 기능에 대한 지원이 포함되어 있으며, 이를 기준으로 새로 사용할 수 있습니다.

이제 Chrome에서 기본적으로 사용 설정된 WebAssembly 가비지 컬렉션 (WasmGC)에서 WebAssembly 가비지 컬렉션에 대해 자세히 알아보고 Google Sheets에서 계산 작업자를 JavaScript에서 WasmGC로 포팅한 이유를 알아보세요.

교차 문서 뷰 전환

Safari 18.2에는 뷰 전환 클래스 및 유형과 함께 교차 문서 뷰 전환 지원, pageswappagereveal 이벤트 지원이 포함되어 있습니다.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 18.2.

Source

Uint8Array 메서드

또한 Safari 18.2에는 base64-와 16진수로 인코딩된 문자열 및 바이트 배열 간의 변환을 쉽게 하는 새로운 Uint8Array 메서드가 포함되어 있습니다.

  • Uint8Array.fromBase64()Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64()Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64()Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

베타 브라우저 출시

연말이므로 이번 달에는 베타 버전의 새로운 기능을 발표할 수 없습니다. Safari 18.3 베타는 현재 버그 수정 중이며 Firefox 134Chrome 132지난달부터 계속 진행 중입니다.

내년에는 2025년 1월에 웹 플랫폼에 출시될 기능을 알려드리겠습니다.