게시일: 2026년 3월 10일
이제 Chrome 146이 출시되며, 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. 전체 Chrome 146 출시 노트를 읽어보세요.
이번 출시의 주요 내용은 다음과 같습니다.
- 스크롤 트리거 애니메이션은 스크롤 위치 기반 애니메이션 제어를 추가합니다.
- 범위가 지정된 맞춤 요소 레지스트리는 맞춤 요소 이름 충돌을 방지합니다.
- Sanitizer API는 XSS가 없는 웹 애플리케이션을 빌드하는 데 도움이 됩니다.
스크롤 트리거 애니메이션
이 기능은 애니메이션 재생, 일시중지, 재설정과 같은 스크롤 위치 기반 애니메이션 제어를 추가합니다.
웹 전반의 페이지에서 흔히 볼 수 있는 패턴은 스크롤 위치에 도달하면 애니메이션을 시작하는 것입니다. 개발자는 종종 JavaScript를 사용하여 요소가 스크롤 컨테이너의 표시 영역 내에 있는지 수동으로 감지하고 해당 애니메이션 (예: 요소를 뷰로 슬라이드)을 시작합니다. 이러한 사용 사례 중 다수는 선언적으로 제공된 정보를 사용합니다. 이 기능을 사용하면 CSS로 선언적으로 이러한 상호작용을 만들 수 있습니다.
스크롤 트리거 애니메이션 출시 예정에서 자세히 알아보세요.
범위가 지정된 맞춤 요소 레지스트리
이 기능을 사용하면 페이지 내에 단일 태그 이름에 대한 여러 맞춤 요소 정의가 있을 수 있습니다. 이렇게 하면 웹 앱이 여러 소스의 라이브러리를 사용할 때 맞춤 요소 이름 충돌을 방지할 수 있습니다. 이는 사용자 코드가 여러 맞춤 요소 레지스트리를 만들고 이를 범위 지정 객체로 작동하는 트리 범위 및 요소와 연결하도록 허용하여 달성됩니다.
자세한 내용은 범위가 지정된 레지스트리로 맞춤 요소가 작동하도록 하기를 참고하세요.
Sanitizer API
Sanitizer API는 임의의 사용자 제공 HTML 콘텐츠에서 스크립트를 실행할 수 있는 콘텐츠를 삭제하는 방법을 제공합니다. 목표는 XSS가 없는 웹 애플리케이션을 더 쉽게 빌드하는 것입니다. 이는 Sanitizer API를 만들려는 이전 시도의 업데이트된 버전입니다. 이 새 버전은 Firefox에서도 사용할 수 있습니다.
추가 자료
여기서는 몇 가지 주요 사항만 다룹니다. Chrome 146의 추가 변경사항은 다음 링크를 참고하세요.
구독
최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. X 또는 LinkedIn에서 팔로우하여 새로운 도움말과 블로그 게시물을 확인하세요.
Chrome 147이 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.