다음 사항에 유의하시기 바랍니다.
- CSS 앵커 배치를 사용하면 그 어느 때보다 쉽게 요소를 고정할 수 있습니다.
- Compute Pressure API는 가용한 컴퓨터 전력을 최적화하는 데 도움이 됩니다.
- Storage Access API는 쿠키 저장소 이상으로 확장되었습니다.
- 그 외에도 다양한 기능이 있으니까요.
저는 아드리아나 자라입니다 자세히 살펴보고 Chrome 125의 개발자를 위한 새로운 기능을 살펴보겠습니다.
CSS 앵커 포지셔닝
다른 요소에 고정된 요소를 표시하면 팝오버를 도움말로 사용하고 이를 호출하는 요소에 첨부하는 등의 UI 패턴을 만들 수 있습니다.
CSS 앵커 배치를 사용하면 절대 위치에 있는 요소를 페이지에 있는 하나 이상의 요소에 선언적 방식으로 테더링할 수 있습니다. JavaScript가 필요하지 않으며 앵커가 스크롤될 수 있을 때 효율적으로 작동합니다.
앵커 배치 기능은 수많은 CSS 속성으로 구성됩니다. 가 몇 가지 주요 속성은 다음과 같습니다.
anchor-name: 다른 요소의 앵커가 되도록 요소를 설정합니다.position-anchor: '기본값'을 설명합니다. 고정된 요소가 앵커 배치에 사용해야 합니다.anchor()함수: 앵커의 위치 참조 요소를 사용하여 앵커 요소를 배치합니다.inset-area: 일반적인 상대 위치를 나타내는 배치의 약칭입니다.
Compute 압력 API.
Compute Pressure API는 시스템의 CPU 부하를 나타내는 대략적인 상태를 제공합니다.
컴퓨터 전력을 균형 있게 사용하도록 최적화할 때 API는 올바른 기본 하드웨어 측정항목을 사용하여 시스템이 감당할 수 없는 스트레스를 받지 않는 한 사용자가 사용 가능한 모든 처리 성능을 활용할 수 있도록 합니다.
Intel이 이 API의 설계 및 구현 작업을 주도했으며, 이를 통해 화상 회의 앱에서 기능과 성능의 균형을 동적으로 유지할 수 있게 될 것입니다.
샘플과 자세한 내용은 Compute Pressure API를 참고하세요.
Storage Access API (SAA)는 쿠키 이외의 스토리지로 확장됩니다.
Storage Access API는 크로스 사이트 리소스 로드에 의존하는 삽입을 위해 필요에 따라 사용자에게 액세스 권한을 요청하기 위해 크로스 사이트 쿠키의 대안으로 제작된 JavaScript API입니다.
이 버전에는 쿠키 이외에 API를 사용하기 위한 확장 프로그램이 포함되어 있습니다. 확장 프로그램을 사용하면 파티션을 나누지 않은 쿠키와 쿠키가 아닌 스토리지에 서드 파티 컨텍스트(예: indexDB 및 localstorage)에서 액세스할 수 있습니다. 다음 코드는 indexDB에 대한 액세스를 요청하는 예를 보여줍니다.
// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});
// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");
그 외에도 다양한 기능 제공
물론 이 외에도 많은 것이 있습니다.
Device Posture API 및 Viewport Segments Enumeration API에는 오리진 트라이얼이 있습니다. 이러한 API는 개발자가 폴더블 기기를 타겟팅하는 데 도움이 되도록 설계되었습니다.
CSS 계단식 값 함수
round(),mod(),rem()가 추가되어 이러한 기능을 새로 사용할 수 있는 기준으로 사용할 수 있습니다.Shared Storage API는 이제 iframe을 만들지 않고도 교차 출처 Worklet을 실행할 수 있도록 지원합니다.
추가 자료
여기에서는 몇 가지 주요 사항만 다룹니다. 다음 링크에서 Chrome 125의 추가 변경사항
- Chrome DevTools의 새로운 기능 (125)
- Chrome 125의 ChromeStatus.com 업데이트
- Chromium 소스 저장소 변경사항 목록
- Chrome 출시 캘린더
구독
최신 소식을 받아보려면 Chrome 개발자 YouTube 채널 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.
아드리아나 자라님, Chrome 126이 출시되면 바로 Chrome의 새로운 기능에 대해 알려드리겠습니다.