게시일: 2025년 6월 24일
Chrome 138이 현재 출시되고 있으며, 이 게시물에서는 이번 출시의 주요 기능을 소개합니다. 전체 Chrome 138 출시 노트를 읽어보세요.
이번 출시의 주요 내용은 다음과 같습니다.
- 새로운 내장 AI API를 사용하여 텍스트를 요약하거나 번역하거나 텍스트의 언어를 감지합니다.
- 여러 새로운 CSS 함수를 확인하세요.
- Viewport Segments API를 사용하여 폴더블 기기를 타겟팅하도록 웹 레이아웃을 조정하세요.
Translator, Language Detector, Summarizer API
Chrome은 브라우저에 내장된 AI 모델, 전문가 모델, 대규모 언어 모델 (LLM)과 함께 작동하도록 설계된 웹 플랫폼 API와 브라우저 기능을 개발하고 있습니다. 여기에는 최신 데스크톱 및 노트북 컴퓨터 대부분에서 로컬로 실행되도록 설계된 Gemini LLM 계열의 가장 효율적인 버전인 Gemini Nano가 포함됩니다. 기본 제공 AI를 사용하면 AI 모델을 배포, 관리 또는 자체 호스팅할 필요 없이 웹사이트 또는 웹 애플리케이션에서 AI 기반 작업을 실행할 수 있습니다.
Chrome 138부터 Translator API를 사용하여 웹 애플리케이션에 번역 기능을 추가할 수 있습니다. 이를 통해 사용자는 모국어로 참여할 수 있습니다. 예를 들어 지원 채팅에 참여할 때 사이트에서 사용자의 기기를 떠나기 전에 콘텐츠를 지원 상담사가 사용하는 언어로 번역할 수 있습니다. 이를 통해 모든 사용자에게 원활하고 빠르며 포용적인 환경을 제공할 수 있습니다.
Translator API는 Language Detector API와 함께 작동하여 사용자의 자체 기기에서 언어 감지를 지원하므로 클라우드 서버에 업로드해야 하는 대체 솔루션보다 더 나은 개인 정보를 보호할 수 있습니다.
요약 도구 API를 사용하면 문장, 단락, 글머리 기호 목록 등 다양한 길이와 형식의 여러 유형의 요약을 생성할 수 있습니다. 예를 들면 다음과 같습니다.
- 도움말 또는 채팅 대화의 핵심 사항을 요약합니다.
- 기사의 제목과 머리글을 제안합니다.
- 긴 텍스트의 간결하고 유익한 요약을 만듭니다.
- 서평을 기반으로 책의 티저를 생성합니다.
CSS 함수
Chrome 138에 포함된 CSS 함수에는 인수의 부호와 관련된 다양한 함수를 계산하는 부호 관련 함수 abs() 및 sign()이 포함됩니다.
또한 두 계산 (진행률 시작 값과 진행률 종료 값) 사이의 한 계산(진행률 값) 위치를 나타내는 <number> 값을 반환하는 progress() 함수 표기법도 있습니다.
마지막으로 sibling-index() 및 sibling-count() 함수는 CSS 속성 값에서 정수로 사용하여 형제 간의 위치 또는 총 형제 수를 기반으로 요소를 스타일 지정할 수 있습니다.
Viewport Segments API
Viewport Segments API를 사용하면 폴더블 기기를 타겟팅할 수 있습니다. 뷰포트 세그먼트는 구분선 역할을 하는 하나 이상의 하드웨어 기능 (예: 별도 디스플레이 사이의 폴드 또는 힌지)으로 뷰포트가 분할될 때 생성됩니다.
Viewport Segments API로 폴더블 기기 지원에서 자세히 알아보세요.
그 외에도 다양한 기능 제공
물론 더 많은 기능이 있습니다.
<및>이 속성 값에 있으면 이제 직렬화 시 이스케이프됩니다.Clear-Site-Data헤더의 두 가지 새로운 값("prefetchCache"및"prerenderCache")을 사용하면 사전 렌더링 및 사전 가져오기 캐시 삭제를 타겟팅할 수 있습니다.- CSS 크기 조정 속성 (예:
width및height)의stretch키워드를 사용하면 요소가 포함 블록의 사용 가능한 공간을 정확하게 채우도록 확장할 수 있습니다.