Chrome 128의 새로운 기능

Adriana Jara

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

  • <ruby> 요소는 줄바꿈을 사용하면 더 잘 표시됩니다.
  • Promise.try를 사용하면 Promise를 더 쉽게 체이닝할 수 있습니다.
  • PointerEvent가 여러 펜을 고유하게 식별하도록 확장되었습니다.
  • 그 밖에 다양한 기능이 있습니다.

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

줄바꿈 가능 <ruby>

<ruby> 요소는 특히 동아시아 언어의 텍스트 표시를 개선합니다. 이를 통해 기본 텍스트 위 또는 옆에 음성 주석이나 기타 보충 정보를 표시할 수 있습니다.

루비 요소는 기본 텍스트인 루비 기반과 주석 텍스트인 루비 텍스트라는 두 가지 기본 부분으로 구성되며, 이 두 부분은 요소로 마크업됩니다.

이전에는 ruby-base 또는 ruby-text가 전체 줄보다 긴 경우 개별적으로 래핑되어 레이아웃 문제가 발생했습니다.

이제 줄바꿈 가능한 루비가 래핑된 기본 텍스트 위에 래핑된 루비 주석 텍스트를 배치하여 이상적인 텍스트 렌더링을 실행합니다.

예시와 자세한 내용은 줄바꿈 <ruby> 및 CSS ruby-align 속성을 참고하세요.

Promise.try

Promise.try를 사용하면 Promise로 오류를 더 쉽게 처리할 수 있습니다. 함수 f가 있는 패턴이 있습니다. 이 함수는 비동기일 수 있으며 프로미스를 반환할 수도 있고 반환하지 않을 수도 있습니다. Promise 시맨틱을 사용하여 두 경우 모두 오류를 처리하려면 함수를 Promise로 래핑합니다.

이를 실행하는 한 가지 방법은 Promise.resolve().then(f)를 사용하는 것이지만 이 경우 다음 틱에서 f가 불필요하게 비동기식으로 실행됩니다.

이 문제를 방지하려면 인체공학적이지 않은 new Promise(resolve => resolve(f()))를 사용해야 합니다.

Promise.try를 사용하면 간단하고 직관적인 방식으로 동일한 작업을 실행할 수 있습니다. 이를 통해 동기 및 비동기 예외 흐름을 모두 처리할 필요 없이 .catch 핸들러에서 모든 오류를 포착하는 Promise 체인을 시작할 수 있습니다.

자세한 내용은 Promise.try 문서를 참고하세요.

멀티펜 잉크 처리를 위한 PointerEvent.deviceProperties

개발자는 잉크 지원 디지타이저에서 두 개의 개별 펜을 구분할 방법이 없었습니다. 기존 PointerEvent.pointerId 속성은 여러 가지 방식으로 구현되며 각 잉크 획이나 화면과의 상호작용마다 항상 유지되지는 않습니다.

이제 PointerEvent 인터페이스가 새 속성 deviceProperties을 포함하도록 확장되었습니다. 여기에는 개발자가 페이지와 상호작용하는 개별 펜을 안정적으로 식별하는 데 사용할 수 있는 세션 지속형, 문서 격리형, 고유 식별자를 나타내는 uniqueId 속성이 포함됩니다.

이렇게 변경하면 디지타이저와 상호작용하는 각 기기에 특정 색상이나 펜 모양을 설정할 수 있습니다.

미래를 향한 포인터에서 포인터 이벤트를 시작하는 방법을 알아보세요.

그 외에도 다양한 기능 제공

물론 그 외에도 많은 기능이 있습니다.

  • CSS zoom 속성이 이제 최신 표준에 맞게 조정되었습니다.

  • 이제 AudioContext 생성 및 오디오 렌더링 오류가 AudioContext.onerror를 통해 보고됩니다.

  • 이제 DevTools 애니메이션 패널에서 애니메이션을 캡처하고 @keyframes를 실시간으로 수정할 수 있습니다.

전체 출시 노트 읽기

추가 자료

여기에는 일부 주요 내용만 포함되어 있습니다. Chrome 128의 추가 변경사항은 다음 링크를 참고하세요.

구독

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

저는 아드리아나 자라입니다. Chrome 128이 출시되는 대로 Chrome의 새로운 기능을 바로 알려드리겠습니다.