Chrome 109의 새로운 기능

Adriana Jara

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

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

Android의 OPFS

OPFS (Origin Private File System)는 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 기능을 통해 사용 설정됩니다. math-depth, math-shift, math-style 속성과 display 속성의 math 값 등을 예로 들 수 있습니다.

수학 표기법을 익히기 위한 자세한 내용과 예시는 문서를 확인하세요.

그 외에도 다양한 기능 제공

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

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

추가 자료

여기에서는 몇 가지 주요 사항만 다룹니다. 아래 링크에서 Chrome 109의 추가 변경사항

구독

최신 소식을 받아보려면 Chrome 개발자 YouTube 채널 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.

저는 아드리아나 자라입니다. Chrome 110이 출시되자마자 Chrome의 새로운 기능을 소개합니다.