2월에 웹 플랫폼을 새로 도입

2023년 2월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.

2023년 2월에 Firefox 110Chrome 110이 안정화되었습니다. 이것이 웹 플랫폼에 어떤 의미가 있는지 살펴보겠습니다.

Firefox 110에는 크기 컨테이너 쿼리 지원이 포함되어 있어 세 가지 엔진 모두에서 이 주요 기능을 사용할 수 있습니다.

브라우저 지원

  • 105
  • 105
  • 110
  • 16

소스

CSS 첫 글자

Chrome 110에서는 CSS initial-letter 속성 지원이 추가되었습니다. 이 속성은 첫 문자가 다음 텍스트 줄로 들어가야 하는 줄 수를 설정합니다. CSS 이니셜로 드롭 한도 관리 게시물에서 자세히 알아보세요.

브라우저 지원

  • 110
  • 110
  • x
  • 9

소스

ReadableStream 비동기 반복

Firefox에서 ReadableStream의 비동기 반복 가능 프로토콜 지원을 추가했습니다.

AudioContext.setSinkId()

Chrome에서 AudioContext.setSinkId는 출력에 사용할 오디오 기기의 ID를 설정합니다. 이렇게 하면 AudioContext에서 사용자가 선택한 연결된 출력 기기로 오디오를 라우팅할 수 있습니다.

웹 오디오에서 대상 출력 장치 변경 게시물에서 이 기능에 관해 자세히 알아보세요.

브라우저 지원

  • 110
  • 110
  • x
  • x

소스

사용자 인증 정보가 없는 iframe

또한 Chrome에서 IFrame 사용자 인증 정보 없음은 개발자가 새로운 임시 컨텍스트를 사용하여 서드 파티 iframe에서 문서를 로드할 수 있는 방법을 제공합니다. iframe 사용자 인증 정보가 없는 것은 COEP를 배포할 수 없는 서드 파티 iframe을 지원하기 위해 COEP 사용자 인증 정보가 없는 것을 일반화한 것입니다. 이렇게 하면 서드 파티 iframe에서 COEP 페이지에 삽입하기 위해 COEP를 지원해야 한다는 제약 조건이 사라지고 교차 출처 격리를 채택하려는 개발자의 차단을 해제할 수 있습니다.

사용자 인증 정보가 없는 iframe에 대해 자세히 알아보세요.

브라우저 지원

  • 110
  • 110
  • x
  • x

초기 안정화 버전

Chrome 110에서도 Chrome 출시 일정이 변경되었습니다. 초기 안정화 버전은 일반 버전보다 일주일 일찍 일부 사용자를 대상으로 출시됩니다. Chrome 110의 출시 일정 변경 도움말에서 이 변경사항에 관해 자세히 알아보세요.

베타 브라우저 출시

베타 브라우저 버전에서는 브라우저의 다음 안정화 버전에서 실행될 기능을 미리 볼 수 있습니다. 전 세계에 새 기능이 출시되기 전에 사이트에 영향을 줄 수 있는 새 기능 또는 삭제를 테스트해 볼 좋은 기회입니다. 새로운 베타는 Firefox 111, Safari 16.4, Chrome 111입니다. 이번 출시로 플랫폼에 다양한 뛰어난 기능이 제공됩니다. 모든 세부정보는 출시 노트를 확인하세요. 몇 가지 주요 특징은 다음과 같습니다.

Firefox는 File System Access API를 사용할 때 Origin Private File System (OPFS)에 대한 지원을 추가합니다.

Chrome에는 CSS 색상 수준 4에 설명된 모든 기능이 포함되어 있습니다. 여기에는 4가지 기기 독립형 색상 유형 (lab, Oklab, lch, Oklch), color() 함수 및 그라데이션 및 애니메이션을 위한 사용자 정의 색상 공간이 포함됩니다. CSS 색상 5의 color-mix() 함수도 포함되어 있습니다.

고화질 CSS 색상 가이드를 읽고 새로운 색상 유형 및 공간에 대해 자세히 알아보세요.

Chrome에는 단일 페이지 애플리케이션 (SPA)에서 세련된 전환을 지원하는 View Transitions API도 포함되어 있습니다. 자세한 내용은 뷰 전환 문서를 참고하세요.

또한 Chrome 111에는 HTML에서 직접 shadow DOM을 구현하고 사용하는 새로운 방법인 선언적 Shadow DOM이 있습니다.

Safari 16.4는 이 플랫폼에 큰 릴리스가 될 것을 약속합니다. CSS의 경우 :user-invalid:user-valid 의사 클래스, margin-trim 속성, 미디어 쿼리의 범위 문법, CSS Properties and Values API 및 @property에 대한 지원이 추가되었습니다.

Safari에는 다른 여러 웹 API와 함께 웹 푸시 및 Badging API에 대한 지원도 포함되어 있습니다. 많은 기능이 상호 운용성에 도달하는 정말 흥미로운 버전입니다.

웹을 처음 접하는 사용자