게시일: 2025년 4월 1일
Chrome 135가 출시되고 있습니다. 이 게시물에서는 이번 출시의 주요 기능을 공유합니다. Chrome 135 출시 노트 전문을 읽고 올해 지금까지 출시된 모든 항목을 분기별 요약에서 확인하세요.
이번 출시의 하이라이트
CSS 캐러셀을 사용 설정하는 다양한 기능이 있습니다. command 및 commandfor 속성을 사용하면 선언적 방식으로 버튼에 동작을 연결할 수 있습니다. CSS shape() 함수를 사용하면 clip-path 및 offset-path 속성의 도형을 정의할 수 있습니다.
CSS 캐러셀
출시 노트에는 다수의 CSS 기능이 있으며, 그중 다수는 CSS 캐러셀을 사용 설정하기 위해 결합된 다양한 소규모 추가 기능입니다. 주요 기능은 스크롤 가능한 영역을 캐러셀로 전환할 수 있는 새로운 CSS 의사 요소인 ::scroll-button() and::scroll-marker()`입니다.
이러한 새로운 기능을 사용하는 방법을 알아보고 프로젝트에 대한 아이디어를 얻으려면 CSS를 사용한 캐러셀을 참고하세요.
command 및 commandfor 속성
Chrome 135에서는 새로운 command 및 commandfor 속성을 사용하여 선언적 동작을 제공하는 새로운 기능을 도입하여 popovertargetaction 및 popovertarget 속성을 개선하고 대체합니다. 이러한 새 속성을 버튼에 추가하면 브라우저가 단순성과 접근성 관련 몇 가지 핵심 문제를 해결하고 내장된 공통 기능을 제공할 수 있습니다.
다음 HTML은 버튼과 메뉴 간에 선언적 관계를 설정하여 브라우저가 로직과 접근성을 처리할 수 있도록 합니다. aria-expanded를 관리하거나 JavaScript를 추가할 필요가 없습니다.
<button commandfor="my-menu" command="show-popover">
Open Menu
</button>
<div popover id="my-menu">
<!-- ... -->
</div>
command 및 commandfor 소개에서 이러한 새 속성에 대해 자세히 알아보세요.
CSS shape() 함수
shape() CSS 함수는 clip-path 및 offset-path 속성의 도형을 정의하는 데 사용됩니다.
shape() 함수는 path()에서 사용하는 명령어와 거의 동일한 명령어 집합을 사용하지만 더 표준적인 CSS 문법을 사용하며 추가 단위 및 수학 함수와 같은 모든 CSS 기능을 허용합니다. Firefox Nightly 및 Safari 18.4 베타에 포함되어 있으므로 곧 새로운 기준으로 사용할 수 있습니다.
그 외에도 다양한 기능 제공
물론 그 외에도 많은 기능이 있습니다.
- 이제 Web Speech API에
MediaStreamTrack지원이 포함됩니다. - Float16Array가 지원되며 새로 사용 가능한 기준이 됩니다.
- 이제 Observable API가 지원됩니다.
추가 자료
여기에는 일부 주요 내용만 포함되어 있습니다. Chrome 134의 추가 변경사항은 다음 링크를 참고하세요.
구독
최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X 또는 LinkedIn에서 저희를 팔로우하여 새로운 도움말과 블로그 게시물을 확인하세요.
Chrome 135가 출시되는 대로 Chrome의 새로운 기능을 알려드리겠습니다.