개발자 뉴스레터
지난 에디션
CSS content-visibility 속성이 이제 기준으로 새로 제공됨
이제 CSS content-visibility 속성을 기준으로 새로 사용할 수 있습니다.
Now in Baseline: 항목 효과 애니메이션
대체 글꼴을 사용할 때 텍스트의 가독성을 개선합니다.
컨테이너 쿼리 사용 방법
교차 브라우저 대체에 컨테이너 쿼리를 사용하는 방법을 보여주는 단계별 가이드입니다.
CSS font-size-adjust가 이제 Baseline에 있습니다.
대체 글꼴을 사용할 때 텍스트의 가독성을 개선합니다.
@property: 범용 브라우저 지원을 통한 차세대 CSS 변수
방금 @property를 사용한 시맨틱 맞춤 속성이 새로 사용 가능한 기준에 도달했습니다.
JavaScript Set 메서드가 이제 기준의 일부가 됨
합집합 및 교집합과 같은 JavaScript set 메서드가 상호 운용이 가능하므로, set 연산이 더 쉬워집니다.
이제 CSS 계단식 값 수학 함수가 기준 2024에 제공됩니다.
CSS 수학 함수 rem(), mod() 및round()가 이제 상호 운용이 가능합니다.
이제 모든 브라우저에서 Screen Wake Lock API가 지원됩니다.
Screen Wake Lock API는 Chrome, Safari, Firefox 등 모든 주요 브라우저에 공식적으로 출시되었습니다.
Light-dark()를 사용한 CSS 색상 스키마에 종속된 색상
설명: Light-dark() 함수를 사용하여 사용된 색 구성표에 반응하는 색상을 정의합니다.
Popover API가 Baseline에 도입
팝오버 API는 모든 최신 브라우저 엔진에 제공됩니다.
Intl.Segmenter 객체가 이제 Baseline의 일부입니다.
이제 JavaScript Intl.Segmenter 객체가 상호 운용이 가능하여 언어에 민감한 텍스트 세분화가 가능합니다.
이제 블록 레이아웃의 align-content 속성이 기준의 일부임
블록 레이아웃의 CSS align-content 속성이 이제 새로 사용 가능한 기준의 일부입니다.
Array.prototype.with를 사용한 변경 불가능한 배열 업데이트
이 새로운 메서드를 사용하여 원래 배열을 변형하지 않고 배열을 업데이트하는 방법을 알아보세요.
:user-유효한 가상 클래스 및 :user-invalid 유사 클래스
:user-유효한 가상 클래스와 :user-invalid 가상 클래스 정보 및 이를 사용하여 입력 유효성 검사의 사용자 환경을 개선하는 방법
이제 모든 브라우저에서 압축 스트림이 지원됩니다.
브라우저 지원 소스 압축 스트림 API 는 gzip 또는 deflate (또는 deflate-raw) 형식을 사용하여 데이터 스트림을 압축하고 압축 해제하는 데 사용됩니다. JavaScript 애플리케이션에 압축 라이브러리를 포함할 필요가 없으므로, 압축 스트림 API의 내장 압축을 사용하면 애플리케이션의 다운로드 크기가 작아집니다. 이제 이 유용한 API가 모든 브라우저에서 지원됩니다. 다음 스니펫은 데이터를 압축하는 방법을 보여줍니다.
CSS 서브 그리드
Subgrid를 사용하면 그리드를 공유할 수 있으므로 중첩된 그리드를 상위 및 동위 요소에 정렬할 수 있습니다.
원본 비공개 파일 시스템
파일 시스템 표준은 출처 비공개 파일 시스템(OPFS)을 페이지 출처에 비공개인 스토리지 엔드포인트로 도입합니다. 이 엔드포인트는 사용자에게 표시되지 않으며 성능에 최적화된 특수한 종류의 파일에 대한 선택적 액세스를 제공합니다. 원본 비공개 파일 시스템은 최신 브라우저에서 지원되며 File System Living Standard 의 WhatWG (Web Hypertext Application Technology Working Group)에
모든 주요 엔진의 새로운 CSS 색상 공간 및 함수
HD 색상을 사용해 디자인에 생동감을 더하세요.
이제 브라우저 간 자바스크립트 가져오기 맵이 지원됩니다.
이제 가져오기 맵을 사용하면 ES 모듈을 더 효과적으로 가져올 수 있습니다. ES 모듈은 웹 애플리케이션에 JavaScript 코드를 포함하고 재사용하는 최신 방법입니다. 모듈식 JavaScript는 최신 브라우저에서 지원되며 이전의 비모듈식 JavaScript 개발 접근 방식에 비해 여러 가지 이점을 제공합니다. ES 모듈을 사용하는 최신 방법은 <script type="importmap"> 태그를 사용하는 것입니다. 이 태그를
이제 여러 브라우저에서 푸시 알림이 지원됩니다.
사용자에게 시의적절하고 유용한 알림을 전달하세요. 푸시 알림은 2016년에 W3C의 웹 애플리케이션 실무 그룹의 일부인 Push API와 Notification API의 출시로 표준화되었습니다. 이러한 API는 웹 개발자가 푸시 알림을 웹 애플리케이션에 통합하고 사용자가 웹브라우저에서 알림을 수신하고 상호작용할 수 있는 데 필요한 기능을 제공합니다. 푸시 메시지는 사용자가 이전에 알림 전송 권한을 부여한 웹사이트 또는 애플리케이션에서 사용자의
마지막 기준선 정렬
이제 모든 주요 브라우저 엔진이 CSS 그리드 및 Flexbox에서 마지막 기준 정렬을 지원합니다.
안정적인 브라우저에 도입되는 컨테이너 쿼리
이번 주 크기의 컨테이너 검색어 및 컨테이너 검색어 단위가 공개 버전인 모든 브라우저에서 지원됩니다.