2023년 9월 안정화 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
2023년 9월에 Firefox 118, Safari 17, Chrome 117이 안정화되었습니다. 이 게시물에서는 이러한 변화가 웹 플랫폼에 어떤 의미가 있는지 살펴봅니다.
grid-template-columns
및 grid-template-rows
의 subgrid
값은 Chrome 117에 포함되어 있어 기능 상호 운용이 가능합니다. 하위 그리드에 대한 자세한 내용은 CSS 하위 그리드 문서를 참조하세요.
Chrome에는 시작 및 종료 애니메이션을 쉽게 추가하고 대화상자 및 팝오버와 같은 최상위 레이어 닫을 수 있는 요소 간에 부드럽게 애니메이션 효과를 주는 세 가지 새로운 CSS 기능도 포함되어 있습니다. transition-behavior
속성, @starting-style
규칙, overlay
속성에 관한 자세한 내용은 시작 및 종료 애니메이션을 위한 4가지 새로운 CSS 기능 문서를 참고하세요.
또한 Chrome 117에는 Object.groupBy 및 Map.groupBy 정적 메서드를 사용한 자바스크립트 배열 그룹화가 있습니다.
Safari 17에는 Popover API 지원을 추가하기 위해 popover
속성이 포함되어 있습니다.
Safari 17 및 Firefox 118에는 HTML <search>
요소가 포함되어 있습니다. 이 요소는 검색 또는 콘텐츠 필터링 기능을 포함하는 페이지 또는 애플리케이션의 부분을 나타냅니다.
Safari 17에는 @counter-style
를 비롯하여 새로운 CSS 기능이 많이 포함되어 있습니다.
이 규칙을 사용하면 사전 정의된 스타일 목록 밖에 있는 카운터 스타일을 정의할 수 있습니다. 이 기능은 이제 세 가지 엔진 모두에서 사용할 수 있습니다.
Firefox 118에는 abs()
, sign()
, round()
, mod()
, rem()
, pow()
, sqrt()
, hypot()
, log()
, exp()
등 몇 가지 CSS 수학 함수가 추가로 포함되어 있습니다.
Safari 17에는 HEIC/HEIF 이미지 및 JPEG XL에 대한 지원도 포함되어 있습니다.
베타 브라우저 출시
베타 브라우저 버전을 사용하면 브라우저의 다음 안정화 버전에서 출시될 기능을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하는 좋은 기회입니다. 새로운 베타는 Firefox 119, Safari 17.1, Chrome 118입니다. 이러한 출시는 플랫폼에 여러 가지 뛰어난 기능을 제공합니다. 모든 세부정보는 출시 노트를 확인하세요. 몇 가지 주요 사항은 다음과 같습니다.
이번 달에 Firefox 및 Safari에서 제공되는 <search>
요소가 Chrome 118에 포함되어 이 기능이 세 가지 엔진 모두에서 빠르게 제공됩니다.
Object.groupBy 및 Map.groupBy 정적 메서드는 Firefox 119의 일부입니다.
Chrome 118에는 @scope
규칙이 있는 CSS 범위 스타일과 prefers-reduced-transparency
및 scripting
를 사용하는 새 미디어 기능이 포함되어 있습니다.
Safari 17.1은 현재 플랫폼 전반의 다양한 문제를 해결하는 릴리스입니다.