게시일: 2026년 6월 2일
이제 Chrome 149가 출시됩니다. 이 게시물에서는 출시의 주요 기능을 몇 가지 공유합니다. 전체 Chrome 149 출시 노트를 읽어보세요.
이번 출시 버전의 중요한 변경사항:
- CSS 간격 장식을 사용하면 그리드 및 Flexbox와 같은 컨테이너 레이아웃의 간격을 스타일 지정할 수 있습니다.
- bfcache 항목에서 WebSockets 연결 해제를 사용하면 활성 WebSocket 연결이 있는 페이지가 뒤로-앞으로 캐시에 들어갈 수 있습니다.
- Intl.Locale.prototype.variants는 언어의 변형을 반환하거나 설정합니다.
CSS 간격 장식
CSS 간격 장식을 사용하면 그리드 및 Flexbox와 같은 컨테이너 레이아웃의 간격을 스타일 지정하여 이전에는 복잡한 테두리 및 가상 요소 해킹이 필요했던 일관성과 새로운 스타일 지정 옵션을 제공할 수 있습니다. 이 기능은 점진적 개선에 적합합니다. 지원되지 않는 브라우저에서는 간격이 장식 없이 정상적으로 렌더링됩니다.
장식을 축소하거나 확장하는 column-rule-inset 및 row-rule-inset, 인접한 항목 간에만 또는 모든 간격에 규칙을 표시하는 column-rule-visibility-items 및 row-rule-visibility-items와 같은 속성을 도입합니다. 규칙 너비, 색상, 인셋은 완전히 애니메이션 처리할 수 있으므로 마우스 오버 또는 기타 상태 변경 시 전환할 수 있습니다.
CSS 간격 장식 안정화 게시물에서 자세히 알아보세요.
bfcache 항목에서 WebSockets 연결 해제
활성 WebSocket 연결은 더 이상 페이지가 뒤로-앞으로 캐시 (bfcache)에 들어가지 못하도록 하지 않습니다. 문서를 부적격으로 표시하는 대신 BFCache 항목에서 WebSocket 연결을 사전에 닫음으로써 브라우저는 활성 WebSockets가 있는 페이지를 메모리에 저장하고 즉시 복원할 수 있도록 합니다.
이전에는 활성 WebSocket 연결로 인해 사용자가 이동할 때 브라우저가 페이지를 삭제하여 뒤로-앞으로 캐시 (bfcache)에 저장되지 못했습니다.
Intl.Locale.prototype.variants
Intl.Locale 객체는 유니코드 언어 식별자를 나타냅니다.
기본 객체는 기준선 널리 사용 가능합니다.
변형은 기본 언어 식별자의 일부이며 (언어, 지역, 스크립트) 3중이 구분할 수 없는 언어의 변형을 선택합니다. 이 기능은 이미 Firefox 및 Safari에 제공되었으며 이제 Chrome에서 사용할 수 있습니다.
예를 들면 다음과 같습니다.
const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"
Intl.Locale.prototype.variants의 MDN 문서에서 자세히 알아보세요.
추가 자료
여기에서는 몇 가지 주요 사항만 다룹니다. Chrome 149의 추가 변경사항은 다음 링크를 확인하세요.
구독
최신 소식을 확인하려면 Chrome Developers YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받게 됩니다. 또는 X 또는 LinkedIn에서 새 기사와 블로그 게시물을 팔로우하세요.
Chrome 150이 출시되는 즉시 Chrome의 새로운 기능을 알려드리겠습니다.