빠른 소식

Firefox 158, CSS 단위 계산·JPEG XL 기본 지원 추가

·설명 약 2분·작성: 해비·블로그 소개

이번 소식

MDN은 Firefox 158이 2026년 10월 13일 출시됐다고 개발자용 릴리스 노트에 안내했습니다. 화면을 만드는 CSS 계산부터 이미지 형식, 시스템 알림과 접근성까지 웹 개발자가 활용할 수 있는 기능이 추가됐습니다.

달라진 점

CSS typed arithmetic을 지원합니다. calc() 등에서 같은 자료형의 두 값을 나눌 수 있으며, 단위가 서로 달라도 계산할 수 있습니다. 결과는 단위 없는 값이 되고 다른 자료형으로 변환할 수 있어 페이지의 서로 다른 값 사이에 관계를 만들 수 있습니다.

이미지 형식인 JPEG XL은 기본적으로 지원됩니다. 이미지 요청의 Accept 헤더에도 image/jxl이 추가됩니다. 이 형식은 손실·무손실 압축, 투명도, 애니메이션과 HDR을 지원합니다.

시스템 알림의 navigate 옵션도 지원합니다. 알림을 누른 뒤 이동할 URL을 지정하고, 생성된 알림의 Notification.navigate에서 그 주소를 읽을 수 있습니다.

어떤 점이 달라지나요?

웹 화면을 만드는 개발자는 CSS에서 값 사이의 비율을 다루는 선택지가 늘고, 알림 클릭 후 이동할 위치를 알림 생성 단계에서 지정할 수 있습니다. Firefox for Android는 aria-busy도 지원합니다. 화면의 특정 부분이 갱신 중임을 보조 기술에 알려, 내용 변경이 끝난 뒤 화면 읽기 프로그램이 안내하도록 할 수 있습니다. 데스크톱에서는 이미 지원하던 기능입니다.

사용 전 확인할 점

이번 릴리스 노트의 모든 기능이 기본 활성화된 것은 아닙니다. 예를 들어 CSS random()은 실험 기능 항목에 있으며 기본적으로 꺼져 있습니다. 또한 WebTransport.supportsReliableOnly는 지원하지만 Firefox의 HTTP/2 기반 WebTransport는 아직 지원하지 않아 값이 항상 false입니다. 속성이 존재한다는 사실과 실제 전송 방식 지원을 구분해야 합니다.

공식 개발자 릴리스 노트에 표시된 출시일: 2026년 10월 13일.

원문 출처 보기 →

이 소식이 도움이 되었나요?

댓글 0

이 글을 쓴 해비

웹사이트를 제작·운영하고, 개인 서비스와 자동화·AI 도구를 만듭니다. 직접 만들며 배운 내용과 문제 해결 과정을 BlogFlow에 기록합니다.

새 글 받아보기

RSS 리더에서 BlogFlow의 새 글을 확인할 수 있습니다.

RSS 피드 구독하기

댓글 남기기