Chrome 119의 새로운 기능

Adriana Jara

다음 사항에 유의하시기 바랍니다.

저는 아드리아나 자라입니다. Chrome 119의 개발자를 위한 새로운 기능을 자세히 살펴보겠습니다.

쿠키 만료일입니다.

Chrome 104부터 새로 생성된 쿠키 또는 만료일이 있는 쿠키는 해당 날짜가 향후 400일 이내로 제한되었습니다. 이 같은 한도는 이제 이미 스토리지에 있는 쿠키에도 소급 적용됩니다.

이러한 쿠키의 만료일은 Chrome 119 이상이 처음 시작된 후 400일 이내로 제한되며 일회성 데이터베이스 이전을 실행합니다. Chrome 119가 출시되고 최소 400일이 지나기 전에는 이러한 변경사항의 영향을 사용자가 느끼지 못하며, 해당 기간에 업데이트되지 않은 기존 쿠키만 영향을 받습니다.

만료일 권장사항에 관해 자세히 알아보실 수 있습니다. 서드 파티 쿠키의 지원이 조만간 지원 중단될 예정임을 다시 한번 알려드리고 지원 중단에 대비하기 위한 가이드를 보내드립니다.

CSS 업데이트

CSS의 경우 세 가지 업데이트가 있습니다.

첫 번째는 새로운 :user-invalid 및 :user-valid 유사 클래스로, 각각 잘못된 입력 또는 올바른 입력이 있는 요소를 나타내지만 사용자가 상당한 상호작용을 한 후에 만듭니다. 유사 클래스인 :valid 및 :invalid와 유사하지만 사용자가 요소와 상호작용한 후에만 새 유사 클래스가 일치한다는 제약 조건이 추가됩니다.

두 번째: 상대적 색상 구문을 사용하면 개발자가 다른 색상의 매개변수를 수정하여 색상을 정의할 수 있습니다.

예를 들어 oklab(from magenta calc(l * 0.8) a b);을 사용하면 80% 더 밝은 Oklab 마젠타가 됩니다.

셋째, 이제 clip-path가 더 많은 값을 지원합니다.

clip-path 속성은 요소의 어떤 부분을 표시해야 하는지 설정하는 클리핑 영역을 만듭니다. 영역 안에 있는 부분은 표시되고 외부 부분은 표시되지 않습니다.

이제 <geometry-box> 값을 사용하여 클립의 참조 상자를 제어할 수 있으므로 clip-path를 더 쉽게 사용할 수 있습니다. 이러한 상자 값은 기본 도형 (예: clip-path: circle(50%) margin-box)과 함께 사용하거나 지정된 상자에 고정하는 데 단독으로 사용할 수 있습니다 (예: clip-path: content-box).

xywh() 및 rect() 함수를 사용하여 직사각형이나 둥근 직사각형 클립을 더 쉽게 지정할 수도 있습니다.

수정: 이 도움말의 이전 버전에는 분리 프레임 관련 개선사항이 언급되어 있습니다. 이제 이러한 변경사항이 Chrome 120에 적용됩니다.

그 외에도 다양한 기능 제공

물론 더 많은 기능이 있습니다.

  • Chrome 119부터 WebSQL가 완전히 삭제되었습니다. 역방향 오리진 트라이얼을 통해 개발자는 Chrome 123까지 WebSQL을 계속 사용할 수 있습니다.

  • 이제 monitorTypeSurfaces 옵션을 사용하여 getDisplayMedia()로 사용자가 전체 화면을 공유하지 못하게 할 수 있습니다.

  • window.open() JavaScript API에 fullscreen windowFeatures 매개변수를 추가하여 호출자가 직접 팝업을 전체 화면으로 열 수 있도록 하는 오리진 트라이얼이 있습니다.

추가 자료

여기에서는 몇 가지 주요 사항만 다룹니다. 아래 링크에서 Chrome 119의 추가 변경사항을 확인하세요.

구독

최신 소식을 확인하려면 Chrome 개발자 YouTube 채널을 구독하세요. 그러면 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다.

안녕하세요, 아드리아나 자라님, Chrome 120이 출시되는 대로 Chrome의 새로운 기능을 알려드리겠습니다.