본문으로 건너뛰기

© 2026 Molayo

web.dev헤드라인2026. 05. 20. 01:34

2월의 새로운 웹 플랫폼 기능

요약

2026년 2월 Chrome, Firefox, Safari의 최신 안정화 버전에서 도입된 주요 웹 플랫폼 기능들을 소개합니다. CSS 속성 강화, JavaScript 이터레이터 개선, 보안 기능 강화 등 웹 표준 및 브라우저 기능의 업데이트 내용을 다룹니다.

핵심 포인트

  • Chrome 145: text-justify 속성 지원 및 다단 레이아웃(Multicol)을 위한 열 줄 바꿈 기능 추가
  • Firefox 148: shape() CSS 함수 도입 및 JavaScript의 Iterator.zip(), Iterator.zipKeyed() 메서드 추가
  • 보안 강화: Firefox의 HTML Sanitizer API 지원 및 Chrome의 디바이스 바운드 세션 자격 증명(DBSC) 도입
  • UI/UX 개선: Chrome의 커스터마이징 가능한 <select> listbox 모드 지원

2026년 2월 동안 안정화 버전(stable) 및 베타 웹 브라우저에 도입된 흥미로운 기능들을 살펴보세요.

안정화 브라우저 출시 (Stable browser releases)

2월 중 Chrome 145, Firefox 148, 그리고 Safari 26.3이 안정화 버전으로 출시되었습니다. 이번 포스트에서는 이번 달의 다양한 새로운 기능들을 살펴보고, 여러 항목이 Baseline의 Newly available(새로 사용 가능) 상태가 된 것을 확인합니다.

text-justify CSS 속성

Chrome 145는 text-justify CSS 속성에 대한 완전한 지원을 추가했습니다. 이 속성은 text-align: justify를 사용할 때 텍스트 양쪽 맞춤(justification)에 대해 더 많은 제어 기능을 제공합니다.

다단 레이아웃(Multicol)을 위한 열 줄 바꿈 (Column wrapping for multicol)

Chrome 145는 Multicol Level 2의 column-wrapcolumn-height CSS 속성에 대한 지원을 추가했습니다. 이를 통해 열(columns)이 블록 방향의 새로운 행으로 줄 바꿈될 수 있으며, 이는 가로 넘침(horizontal overflow)을 방지하고 반응형 디자인(responsive design)에서 더 많은 유연성을 제공합니다.

더 자세한 내용은 '다단 레이아웃에서의 줄 바꿈된 열 지원(Support for wrapped columns in multi-column layout)'에서 확인하세요.

브라우저 지원 (Browser Support)

커스터마이징 가능한 <select> listbox 모드

Chrome 145에는 커스터마이징 가능한 <select> listbox 렌더링 모드도 포함되어 있습니다. 이는 select 요소를 별도의 버튼과 팝업이 아닌, 페이지 내 흐름(in-flow)에 따라 렌더링합니다.

shape() CSS 함수

Firefox 148은 shape() CSS 함수를 기본적으로 추가했습니다. 이를 통해 표준 CSS 구문을 사용하여 clip-pathoffset-path와 같은 속성에서 사용자 정의 모양을 정의할 수 있으며, CSS 단위와 수학 함수를 사용하여 모양을 생성하고 편집할 수 있습니다.

JavaScript의 이터레이터 (Iterators in JavaScript)

Firefox 148은 Iterator.zip()Iterator.zipKeyed()를 도입했습니다. 이 정적 메서드(static methods)들은 여러 데이터 소스에 걸쳐 각 반복 단계(iteration step)마다 입력 요소들을 그룹화하는 새로운 이터레이터(iterator)를 반환합니다.

HTML Sanitizer API

Firefox 148은 이제 HTML Sanitizer API를 지원합니다. 이를 통해 HTML을 DOM에 삽입하기 전에 안전하게 필터링할 수 있으며, 이는 XSS 공격의 위험을 줄이는 데 도움이 됩니다.

브라우저 지원 (Browser Support)

디바이스 바운드 세션 자격 증명 (Device Bound Session Credentials (DBSC))

Chrome 145는 디바이스 바운드 세션 자격 증명 (Device Bound Session Credentials (DBSC))을 사용하여 웹사이트가 사용자의 세션을 특정 디바이스에 결합할 수 있도록 합니다. 이를 통해 탈취된 세션 쿠키 (session cookies)를 다른 기기에서 사용하는 것을 훨씬 더 어렵게 만듭니다.

교체된 요소에서의 오버플로 (Overflow on replaced elements)

Firefox 148에서는 이제 교체된 요소 (replaced elements, 예: 이미지 또는 비디오)에 대해 다른 요소와 동일한 방식으로 overflow, overflow-x, overflow-y CSS 속성을 사용할 수 있습니다.

Origin API

Chrome 145는 Origin 객체를 도입함으로써 플랫폼의 공백을 메웁니다. 이 객체는 Origin 개념을 캡슐화하며 비교, 직렬화 (serialization), 파싱 (parsing)과 같은 유용한 메서드를 제공합니다.

Zstandard (Zstd) 압축

Safari 26.3은 Zstandard (Zstd) 지원을 도입합니다. 이 압축 알고리즘은 웹사이트 파일의 크기를 줄여 로딩 속도와 효율성을 향상시킵니다. HTTP 압축에 Zstd를 사용할 수 있으며, 이는 더 빠른 압축 해제 (decompression)와 더 나은 압축률을 제공합니다.

베타 브라우저 릴리스 (Beta browser releases)

베타 브라우저 버전은 다음 안정화된 (stable) 브라우저 릴리스에 포함될 기능의 미리보기를 제공합니다. 안정화된 릴리스가 나오기 전에 사이트에 영향을 미칠 수 있는 새로운 기능이나 제거 사항을 테스트할 수 있습니다. 이번 달의 새로운 베타 릴리스에는 Firefox 149와 Chrome 146이 포함됩니다.

Chrome 146은 CSS의 스크롤 트리거 애니메이션 (scroll-triggered animations)을 추가하고 Sanitizer API도 포함합니다. Firefox 149에는 popover="hint", Close Watcher API, 그리고 Reporting API가 포함됩니다.

AI 자동 생성 콘텐츠

본 콘텐츠는 Web.dev (Google)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.

원문 바로가기
0

댓글

0