2023년 8월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
2023년 8월, Firefox 116, Firefox 117, Safari 16.6, Chrome 116이 안정화되었습니다. 이 게시물에서는 이러한 변화가 웹 플랫폼에 어떤 의미가 있는지 살펴봅니다.
Firefox 116은 Android를 제외한 모든 플랫폼에서 Audio Output Devices API를 지원합니다. 이 API를 사용하면 웹 애플리케이션에서 브라우저나 기본 OS 기본값을 사용할 필요 없이 오디오 출력을 허용된 블루투스 헤드셋, 스피커폰 또는 기타 기기로 리디렉션할 수 있습니다.
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를 확장합니다.
Firefox 117은 CSS 중첩 및 & 중첩 선택기를 지원합니다. 이렇게 하면 한 스타일 규칙을 다른 스타일 규칙을 중첩할 수 있습니다. 따라서 CSS 중첩은 주의와 상호 운용이 가능하게 되었고, Safari와 Chrome에서는 유형 선택기의 중첩을 허용하지 않는 이전 버전의 사양을 구현했습니다. Firefox에서 & 중첩 선택기가 필요 없는 새 버전의 사양을 구현했습니다. CSS 중첩 사용에서 두 버전의 예를 확인할 수 있습니다.
베타 브라우저 출시
베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다. 새로운 베타는 Firefox 118 및 Chrome 117입니다. Safari 17 베타가 아직 진행 중입니다. 이번 출시로 플랫폼에 다양한 뛰어난 기능이 제공됩니다. 모든 세부정보는 출시 노트를 확인하세요. 몇 가지 주요 특징은 다음과 같습니다.
다음 Firefox 버전에 대한 정보는 아직 많지 않습니다. 하지만 Chrome 117에는 몇 가지 흥미로운 기능이 있습니다. 시작 및 종료 애니메이션을 사용하는 새로운 CSS 기능을 예로 들 수 있습니다.
grid-template-columns 및 grid-template-rows의 subgrid 값은 Chrome 117에 포함되어 있어 기능 상호 운용이 가능합니다.
또한 Chrome 117에는 Object.groupBy 및 Map.groupBy 정적 메서드를 사용한 자바스크립트 배열 그룹화가 있습니다.
Safari 17 베타에는 Popover API 지원을 추가하기 위해 popover 속성이 포함되어 있습니다.