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

2023년 6월 스테이블 및 베타 웹브라우저에 도입된 흥미로운 기능을 살펴보세요.

안정적인 브라우저 버전

2023년 6월에 Firefox 114가 안정화되었으며 이번 달에는 단일 브라우저 문제가 발생했습니다. 베타 버전이 공개되면 상호 운용이 가능하게 되는 여러 기능에 대한 자세한 내용은 베타 브라우저 출시 섹션을 확인하세요.

WebTransport API

Firefox 114에는 여러 스트림, 단방향 스트림, 비순차적 전송을 지원하는 WebSocket의 최신 업데이트인 WebTransport API가 포함되어 있습니다.

브라우저 지원

  • 97
  • 97
  • 114
  • x

소스

SVG crossorigin 속성

Firefox 114에는 SVG의 <image><feImage> 요소에 crossorigin 속성도 포함되어 있으며, 요소에서 가져온 데이터에 대한 CORS (교차 출처 리소스 공유) 요청 구성을 지원합니다. HTML crossorigin 속성과 동일한 방식으로 작동합니다.

브라우저 지원

  • 118
  • 118
  • 114
  • 17.2

소스

베타 브라우저 출시

베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다. 새로운 베타는 Firefox 115Chrome 115Safari 16.6이 포함된 Safari 17입니다. 이번 출시로 플랫폼에 다양한 뛰어난 기능이 제공됩니다. 모든 세부정보는 출시 노트를 확인하세요. 몇 가지 주요 특징은 다음과 같습니다.

Firefox 115는 CSS animation-composition 속성을 지원합니다. 이 버전의 Firefox가 7월 4일에 안정화되면 세 가지 주요 엔진 모두에서 animation-composition가 지원됩니다. 자세한 내용은 여러 애니메이션 효과를 애니메이션 컴포지션으로 합성해야 하는 방식 지정하기를 참고하세요.

또한 Firefox 115와의 상호 운용성은 ArrayTypedArray의 메서드 모음입니다. Array.toReversed(), Array.toSorted(), Array.toSpliced(), Array.with(), TypedArrays.toReversed(), TypedArrays.toSorted(), TypedArrays.with()는 부분적으로 복사한 요소가 있는 새 배열을 반환합니다.

Safari 17 베타에는 새로운 기능 및 수정사항 전체 스택이 있습니다. Safari 17에서 macOS Sonoma에 웹 앱이 추가되었습니다. 즉, 파일 메뉴 또는 시트 공유를 통해 도크에 웹사이트를 추가하면 별도의 창에서 열립니다.

또한 Safari 17에서는 contain-intrinsic-size, @counter-style, @font-face size-adjust, overflow-blockoverflow-inline 미디어 기능 등 일부 기능이 상호 운용 가능한 상태로 제공되며 Safari 17이 출시되면 모든 주요 엔진에서 사용할 수 있습니다.

웹을 처음 접하는 사용자