2023년 10월에 안정화 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
안정적인 브라우저 버전
2023년 10월, Firefox 119, Safari 17.1, Chrome 118, Chrome 119가 안정화되었습니다. 이 게시물에서는 웹 플랫폼에 이것이 무엇을 의미하는지 살펴봅니다.
Firefox 119의 자바스크립트 기능
Firefox 119에는 Object.groupBy 및 Map.groupBy 정적 메서드를 사용한 JavaScript 배열 그룹화가 있습니다.
또한 Firefox 119에는 String의 isWellFormed() 및 toWellFormed() 메서드가 있습니다. 이는 문자열에 올바른 형식의 유니코드가 포함되어 있는지 확인하고 문자열을 올바른 형식의 유니코드로 정리하는 데 사용할 수 있습니다. 이러한 메서드는 이제 세 가지 주요 엔진에서 상호 운용이 가능합니다.
이제 HTML <search> 요소의 상호 운용이 가능합니다.
Chrome 118에는 검색 또는 필터링에 사용되는 문서 또는 애플리케이션의 일부를 나타내는 새로운 HTML 요소인 <search> 요소가 포함됩니다. 이 기능은 이제 세 가지 주요 엔진에서 상호 운용이 가능합니다.
선택 요소 내 가로 규칙
두 가지 버전의 Chrome이 10월에 출시되었습니다. Chrome 119에 HTML <select> 요소가 추가되었습니다. 이제 옵션 사이에 항목 사이의 구분선으로 표시되는 가로 규칙을 추가할 수 있습니다. 자세한 내용은 요소 선택: 가로 규칙 사용을 참고하세요.
CSS 범위 지정
Chrome 118에는 @scope 규칙으로 범위가 지정된 CSS가 포함됩니다. 이 규칙은 DOM의 하위 트리 내에서 요소를 선택하는 방법을 제공합니다. 자세한 내용은 CSS @scope at-rule로 선택기의 도달범위 제한을 참조하세요.
브라우저 지원
- 118
- 118
- x
- 17.4
CSS 선호 투명도
Chrome 118에는 prefers-reduced-transparency 미디어 기능이 포함되어 있습니다. 이는 사용자가 기기에서 설정한 환경설정을 확인하고 코드에서 사용자의 필요에 맞게 응답할 수 있게 해주는 일련의 기능 중 하나입니다. CSS Prefers-reduced-transparency의 기능에 관해 자세히 알아보세요.
CSS 상대 색상 구문
Chrome 119는 CSS 색상 5의 상대적 색상 구문이라는 강력한 새 기능입니다. 이렇게 하면 필요한 색상 공간 또는 구문을 사용하여 다른 색상에서 색상을 가져올 수 있습니다.
WebAssembly 가비지 컬렉션 (WasmGC)
Chrome 119에는 WebAssembly에서 Kotlin, PHP, 자바와 같은 가비지 컬렉션 언어를 더 빠르게 사용할 수 있도록 WasmGC가 포함되어 있습니다. 이제 Chrome에서 기본적으로 사용 설정된 WebAssembly 가비지 컬렉션 (WasmGC)에서 모든 세부정보를 확인하세요.
베타 브라우저 출시
베타 브라우저 버전을 사용하면 브라우저의 다음 안정화 버전에서 출시될 기능을 미리 볼 수 있습니다. 전 세계에 출시되기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 삭제를 테스트하는 좋은 기회입니다. 새로운 베타는 Firefox 120 및 Safari 17.2입니다. 이번 출시로 플랫폼에 다양한 뛰어난 기능이 제공됩니다. 모든 세부정보는 출시 노트를 확인하세요. 몇 가지 주요 특징은 다음과 같습니다.
Safari 17.2에는 여러 가지 새로운 기능이 포함되어 있습니다. CSS의 경우 CSS Custom Highlight API, mask-border 속성, counter-set 속성 및 기타 여러 기능이 지원됩니다. 또한 상호 운용성을 개선하기 위해 기존 기능이 많이 수정되었습니다.
HTML의 경우 Safari 17.2는 <details> 요소의 name 속성을 지원합니다. 또한 Web API에는 Fetch Priority와 반응형 이미지가 지원되며 이제 <link rel=preload>에서 사용 설정됩니다.
Firefox 120은 CSS rh 및 rlh 단위, text-wrap: balance, light-dark() 함수 지원을 추가합니다.