Chrome 135의 새로운 기능

Rachel Andrew

게시일: 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>

명령어 및 commandfor 소개에서 이러한 새 속성에 대해 자세히 알아보세요.

CSS shape() 함수

shape() CSS 함수는 clip-path 및 offset-path 속성의 모양을 정의하는 데 사용됩니다.

shape() 함수는 path()에서 사용하는 것과 대략 동일한 명령어를 사용하지만 더 표준적인 CSS 문법을 사용하며 추가 단위 및 수학 함수와 같은 전체 범위의 CSS 기능을 허용합니다. Firefox Nightly 및 Safari 18.4 베타에 있으므로 곧 Baseline Newly에서 사용할 수 있습니다.

그 외에도 다양한 기능 제공

물론 이 외에도 다양한 기능이 있습니다.

  • 이제 Web Speech API에 MediaStreamTrack 지원이 포함됩니다.
  • Float16Array가 지원되고 Baseline Newly available이 됩니다.
  • 이제 Observable API가 지원됩니다.

추가 자료

여기서는 몇 가지 주요 사항만 다룹니다. Chrome 134의 추가 변경사항은 다음 링크를 확인하세요.

구독

최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. X 또는 LinkedIn에서 팔로우하여 새로운 기사와 블로그 게시물을 확인하세요.

Chrome 135가 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.