8월의 웹 플랫폼 신규 출시

2023년 8월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.

2023년 8월, Firefox 116, Firefox 117, Safari 16.6, Chrome 116이 안정화되었습니다. 이 게시물에서는 이러한 변화가 웹 플랫폼에 어떤 의미가 있는지 살펴봅니다.

Firefox 116은 Android를 제외한 모든 플랫폼에서 Audio Output Devices API를 지원합니다. 이 API를 사용하면 웹 애플리케이션에서 브라우저나 기본 OS 기본값을 사용할 필요 없이 오디오 출력을 허용된 블루투스 헤드셋, 스피커폰 또는 기타 기기로 리디렉션할 수 있습니다.

브라우저 지원

  • x
  • x
  • 116
  • x

소스

Chrome 116에는 개발자가 지정한 경로를 따라 그래픽 객체를 애니메이션으로 만들 수 있는 CSS 모션 경로가 포함되어 있습니다. 이를 통해 translate() 함수에서 사용하는 표준 직사각형 좌표 대신 극좌표 (ray() 함수 사용)를 사용하여 배치하거나 정의된 경로를 따라 요소에 애니메이션을 적용하는 등 여러 가지 강력한 새 변환이 가능합니다. 이를 통해 복잡하고 아름다운 2D 공간 전환을 더 쉽게 정의할 수 있습니다. 경로는 circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray(), url()로 지정할 수 있습니다.

또한 Chrome 116에는 Document Picture-in-Picture API가 있습니다. 그러면 임의의 HTMLElement로 채워질 수 있는 상시 사용 설정 창이 사용 설정됩니다. HTMLVideoElement를 PIP 창에 배치할 수만 있도록 하는 기존 HTMLVideoElement API를 확장합니다.

브라우저 지원

  • 116
  • 116
  • x
  • x

소스

Firefox 117은 CSS 중첩& 중첩 선택기를 지원합니다. 이렇게 하면 한 스타일 규칙을 다른 스타일 규칙을 중첩할 수 있습니다. 따라서 CSS 중첩은 주의와 상호 운용이 가능하게 되었고, Safari와 Chrome에서는 유형 선택기의 중첩을 허용하지 않는 이전 버전의 사양을 구현했습니다. Firefox에서 & 중첩 선택기가 필요 없는 새 버전의 사양을 구현했습니다. CSS 중첩 사용에서 두 버전의 예를 확인할 수 있습니다.

브라우저 지원

  • 120
  • 120
  • 117
  • 17.2

소스

베타 브라우저 출시

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

다음 Firefox 버전에 대한 정보는 아직 많지 않습니다. 하지만 Chrome 117에는 몇 가지 흥미로운 기능이 있습니다. 시작 및 종료 애니메이션을 사용하는 새로운 CSS 기능을 예로 들 수 있습니다.

grid-template-columnsgrid-template-rowssubgrid 값은 Chrome 117에 포함되어 있어 기능 상호 운용이 가능합니다.

또한 Chrome 117에는 Object.groupByMap.groupBy 정적 메서드를 사용한 자바스크립트 배열 그룹화가 있습니다.

Safari 17 베타에는 Popover API 지원을 추가하기 위해 popover 속성이 포함되어 있습니다.

웹을 처음 접하는 사용자