원문: Chrome 155 beta — Chrome Developers 원문은 CC-BY-4.0 라이선스로 제공되며, 이 글은 한국어로 번역한 2차 저작물입니다.
CSS 및 UI
CSS symbols()
symbols()CSS
symbols() 함수를 사용하면 개발자가 명명된 @counter-style at-rule을 먼저 선언하지 않고도 인라인으로 카운터 스타일을 정의할 수 있습니다. 이 함수는 문자열 기호 목록과 선택적 카운팅 시스템(cyclic, numeric, alphabetic, symbolic, fixed)으로 익명 카운터 스타일을 구축하며, list-style-type, list-style 단축 속성, counter(), counters()에서 카운터 스타일로 사용할 수 있습니다.CSS 코너 단축 속성
CSS
corner 단축 속성과 각 코너에 대한 하위 단축 속성(corner-top-left, corner-top-right, corner-bottom-left, corner-bottom-right), 그리고 물리적(corner-top, corner-bottom) 및 논리적(corner-block-start, corner-block-end 등) 가장자리 단축 속성을 구현합니다. 이를 통해 단일 선언에서 개별 코너의 border-radius와 corner-shape를 모두 설정할 수 있습니다. 또한, corners는 corner 단축 속성의 호환성 별칭으로 유지됩니다.이 기능에는 캐싱 제어도 포함됩니다. 기본적으로 각
random() 함수는 새롭고 고유한 값으로 해석됩니다. 웹 개발자는 <random-key> 값을 함수의 첫 번째 인수로 전달하여 속성과 요소 간에 무작위 값이 공유되는 방식을 제어함으로써 이 기본값을 재정의할 수 있습니다.CSS text-decoration-skip-spaces
text-decoration-skip-spacestext-decoration-skip-spaces CSS 속성은 텍스트 장식선(예: 밑줄, 윗줄, 취소선)이 공백 문자를 건너뛸지 여부를 제어합니다. 이를 통해 개발자는 장식이 공백 아래에 그려지는 것을 방지할 수 있으며, 이는 종종 시각적으로 더 보기 좋습니다.CSS margin-trim
margin-trimmargin-trim CSS 속성을 사용하여 컨테이너의 첫 번째 또는 마지막 자식 앞이나 뒤의 마진을 생략할 수 있습니다. 이는 일반 블록 컨테이너 및 다중 컬럼 컨테이너에서 지원됩니다.JavaScript
모듈 실패 캐싱 방지
현재 웹 개발자는 실패한 모듈 로드를 다시 시도할 수 없습니다. 이러한 실패는 캐싱되기 때문입니다(다시 시도하면 즉시 실패로 이어집니다). 모듈 로드 동작의 이러한 변경으로 인해 실패한 모듈 로드를 수동으로 다시 시도할 수 있게 되어(예:
import()를 다시 호출하여) 불안정한 네트워크에서 모듈을 사용할 때 개발자(및 사용자)의 실제 불편함을 해결합니다.텍스트 가져오기(텍스트 모듈)
JavaScript에 모듈
import … with { type: "text" } 문을 추가하기 위한 TC39 제안입니다. 가져오기 속성은 텍스트 데이터를 문자열 값으로 로드합니다.Web API
추가 창 제어
window-management 권한이 있는 웹 애플리케이션은 창을 maximize(), minimize(), restore()할 수 있으며 setResizable()을 통해 크기 조정을 방지할 수 있습니다. 또한, 새로운 CSS 미디어 기능 display-state 및 resizable을 통해 스크립트와 콘텐츠가 해당 창 상태 및 크기 조정 가능성에 적응할 수 있습니다. 이러한 기능은 특히 제목 표시줄 창 제어와 관련하여 VDI 원격 애플리케이션 창의 사용성을 개선합니다. 새로운 기능은 기존 Window Management API 기능을 향상시킵니다.WebCrypto의 알고리즘 업데이트
NIST에서 표준화한 여러 양자 후 암호화 알고리즘을 Web Cryptography API에 추가합니다.
- ML-KEM (768, 1024)
- ML-DSA (44, 65, 87)
- ChaCha20-Poly1305
- X-Wing
추가 정보는 초안 사양에서 확인할 수 있습니다: https://wicg.github.io/webcrypto-modern-algos/
디지털 자격 증명 API (발급 지원)
이를 통해 발급 웹사이트(예: 대학, 정부 기관 또는 은행)는 사용자의 모바일 지갑 애플리케이션에 디지털 자격 증명을 직접 프로비저닝(발급)하는 프로세스를 안전하게 시작할 수 있습니다. Android에서는 Android
IdentityCredential CredMan 시스템(Credential Manager)을 사용합니다. 데스크톱에서는 Digital Credentials 프레젠테이션과 유사한 CTAP 프로토콜을 사용하여 크로스 디바이스 접근 방식을 사용합니다.Blink에서의 JPEG XL 디코딩 지원 (image/jxl)
메모리 안전한 순수 Rust 디코더인 jxl-rs를 사용하여 Blink에서 JPEG XL (
image/jxl) 이미지 디코딩을 지원합니다. JPEG XL은 ISO/IEC 18181로 표준화된 최신 이미지 형식으로, 향상된 체감 로딩 성능을 위한 점진적 디코딩, 넓은 색 영역, HDR 및 높은 비트 심도 지원, 애니메이션 지원을 제공합니다.표시되지 않는 iframe에서 미디어 재생 일시 중지
media-playback-while-not-visible 권한 정책을 추가하여 임베더가 현재 숨겨진 임베디드 iframe의 미디어 재생 여부를 제어할 수 있도록 합니다. 여기에는 display 속성이 none으로 설정된 iframe, visibility 속성이 hidden으로 설정된 iframe 또는 0 면적(너비 또는 높이가 0) iframe이 포함됩니다. 숨겨져 있는 동안 임베디드 iframe에서 소리가 나는 미디어를 렌더링하려는 시도는 차단됩니다. 프레임이 다시 표시되면 이러한 제한은 해제됩니다. 이를 통해 개발자는 더 사용자 친화적인 환경을 구축하고 사용자에게 보이지 않는 콘텐츠의 재생을 브라우저가 처리하도록 하여 성능을 개선할 수 있습니다.사전 정의된 색 공간 srgb-linear
및 display-p3-linear
srgb-lineardisplay-p3-linearPredefinedColorSpace에 CSS에서 정의한 srgb-linear 및 display-p3-linear 색 공간을 추가하여 캔버스에서 사용할 수 있도록 합니다.HTML 삽입 및 스트리밍 메서드 갱신
기존 문서에 마크업을 동적으로 삽입하는 데 일관된 방법을 제공하는 여러 HTML 설정 메서드를 노출합니다.
- HTML을 인수로 받아
을 효과적으로 대체하는 위치 기반 메서드(insertAdjacentHTML()
,before()
,after()
,append()
,prepend()
).replaceWith()
을 반환하는 스트리밍 메서드(WritableStream
,streamAppendHTML()
등).streamAppendHTMLUnsafe()
동작을 모방하는createContextualFragment
의 일부로SetHTMLUnsafeOptions
전달.{runScripts}- 트러스티드 타입이 스크립트 모드 및 새니타이저를 재정의할 수 있도록
지원.createParserOptions
자세한 내용은 Declarative Partial Updates 문서를 참조하십시오.
WebTransport 헤더 및 responseHeaders
WebTransportOptions를 사용하여 사용자 정의 HTTP 요청 헤더를 전달하고 WebTransport 인스턴스를 통해 서버 응답 헤더를 검사하는 지원을 추가합니다. 이를 통해 웹 애플리케이션은 초기 CONNECT 핸드셰이크 중에 메타데이터, 인증 토큰 및 사용자 정의 매개변수를 제공하고 연결이 설정된 후 서버에서 제공한 헤더에 액세스할 수 있습니다.




