Chrome 148의 새로운 기능

Rachel Andrew

게시일: 2026년 5월 5일

Chrome 148이 현재 출시되고 있으며, 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. Chrome 148 전체 출시 노트를 읽어 보세요.

이번 출시의 주요 내용은 다음과 같습니다.

CSS 이름 전용 컨테이너 쿼리

이제 container-type 없이 container-name만으로 CSS 쿼리 컨테이너를 쿼리할 수 있습니다.

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

이전에는 @container에 이름 외에 컨테이너 유형이 필요했습니다.

동영상 및 오디오 요소의 지연 로드

Chrome 148에서는 <video> 및 <audio> 요소에 loading 속성을 추가하여 개발자가 loading="lazy"를 사용하여 요소가 뷰포트에 가까워질 때까지 미디어 리소스 로딩을 지연할 수 있습니다.

이는 <img> 및 <iframe> 요소의 기존 지연 로드 동작과 일치하므로 페이지 로드 성능이 개선되고 데이터 사용량이 줄어듭니다.

loading 속성에 관한 MDN 문서와 Squarespace 블로그의 오늘 웹에서 표준 HTML 동영상 및 오디오 지연 로딩을 사용하는 방법에서 자세히 알아보세요.

Prompt API

Prompt API를 사용하면 웹 개발자가 브라우저에서 제공하는 온디바이스 AI 언어 모델 (특히 Chrome의 Gemini Nano)에 직접 액세스할 수 있습니다.

초기 구현에서는 텍스트, 이미지, 오디오 입력을 지원합니다. 또한 대답 제약 조건을 사용하면 생성된 텍스트가 사전 정의된 정규 표현식 및 JSON 스키마 형식을 준수합니다.

이를 통해 이미지 설명 생성 및 시각적 검색부터 오디오 스크립트 작성, 소리 활동 분류, 특정 지침에 따른 텍스트 생성, 멀티모달 소스 자료에서 정보 또는 유용한 정보 추출에 이르기까지 다양한 사용 사례를 지원합니다.

프롬프트 API 문서에서 자세히 알아보거나 데모를 사용해 보세요.

추가 자료

여기서는 몇 가지 주요 사항만 다룹니다. Chrome 148의 추가 변경사항은 다음 링크를 참고하세요.

구독

최신 소식을 받아보려면 Chrome 개발자 YouTube 채널을 구독하세요. 새 동영상이 출시될 때마다 이메일 알림을 받으실 수 있습니다. X 또는 LinkedIn에서 팔로우하여 새로운 도움말과 블로그 게시물을 확인하세요.

Chrome 149가 출시되면 Chrome의 새로운 기능을 알려드리겠습니다.