Chrome 109의 새로운 기능

Adriana Jara

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

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

Android의 OPFS

출처 비공개 파일 시스템 (OPFS)은 File System Access API의 일부이며 페이지 출처에 비공개인 스토리지 엔드포인트입니다.

이 기능은 Chrome 102의 데스크톱에서 출시되었으며, Chrome 109에서는 Android에서도 사용할 수 있도록 호환성을 높였습니다.

몇 가지 예외를 제외하고 로컬 파일 시스템에서 직접 파일을 원활하게 관리할 수 있도록 모든 File System Access API 노출 영역이 포함되어 있습니다. show*Picker() 메서드와 드래그 앤 드롭 API 통합은 아직 사용할 수 없습니다.

OPFS의 File System Access API를 사용하면 사이트에서 출처별 비공개 파일 시스템에 액세스할 수 있으며 성능이 향상된 FileSystemSyncAccessHandle를 통해 파일 작업을 실행할 수 있습니다.

이 도움말을 확인하여 여러 플랫폼에서 원활한 파일 시스템 액세스를 구현하는 방법을 알아보세요.

CSS의 새로운 기능

이제 새로운 길이 단위 lh부터 시작하여 몇 가지 새로운 CSS 기능을 살펴보겠습니다.

lh CSS 단위는 사용되는 요소의 line-height 속성의 계산된 값과 같습니다. 이렇게 하면 textarea에 예상 텍스트 줄 수와 동일한 높이를 지정할 수 있습니다.

또한 CSS 작업 그룹은 @font-face 규칙 내에서 설명자 font-weight, font-style, font-stretch에 새로운 값 auto를 추가했습니다. 이제 auto가 초깃값입니다. 변수 글꼴의 이러한 설명자는 사용자가 서체의 두께, 기울기, 너비를 선택할 수 있는 기능을 제공합니다.

웹 서체를 더 효과적으로 제어하기 위해 hyphenate-limit-chars 속성은 하이픈이 추가된 단어의 최소 문자 수를 지정합니다.

MathML Core 지원

스타일 지정 가능하고 액세스 가능한 방식으로 웹페이지에 수학 공식을 추가하려고 한 적이 있다면 이제 Chrome에서 MathML Core가 지원된다는 소식을 반가워하실 것입니다.

MathML은 HTML 및 SVG에 포함할 수 있는 방식으로 수학적 표기법을 설명하는 언어입니다. OpenType MATH를 사용하여 CSS와 호환되는 방식으로 렌더링되며 플랫폼 접근성 API를 통해 노출됩니다.

MathML 스타일은 수학 레이아웃 전용 CSS 기능을 비롯한 CSS 기능으로 사용 설정됩니다. math-depth, math-shift, math-style 속성, display 속성의 math 값 등이 여기에 해당합니다.

수학적 표기법을 개선하는 방법에 관한 자세한 내용과 예시는 문서를 참고하세요.

그 외에도 다양한 기능 제공

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

  • MediaTrackSupportedConstraints의 suppressLocalAudioPlayback 속성을 사용하여 외부 스피커를 사용할 때 오디오 재생을 더 효과적으로 제어할 수 있습니다.
  • 이제 getDisplayMedia()를 호출할 때 조건부 포커스를 사용할 수 있습니다.
  • 보안 결제 확인은 Android의 Chrome에서 사용할 수 있습니다.

추가 자료

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

구독

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

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