게시일: 2025년 6월 24일
Chrome 138이 출시되고 있습니다. 이 게시물에서는 이번 출시의 주요 기능을 몇 가지 소개합니다. 전체 Chrome 138 출시 노트를 읽어보세요.
이번 출시의 주요 내용은 다음과 같습니다.
- 새로운 내장 AI API를 사용하여 텍스트를 요약, 번역 또는 감지합니다.
- 몇 가지 새로운 CSS 함수를 확인해 보세요.
- 뷰포트 세그먼트 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와 함께 작동하여 사용자 기기에서 언어 감지를 사용 설정할 수 있으므로 클라우드 서버에 업로드해야 하는 다른 솔루션보다 더 나은 개인 정보 보호 기능을 제공합니다.
Summarizer API를 사용하면 문장, 단락, 글머리 기호 목록 등 다양한 길이와 형식의 다양한 유형의 요약을 생성할 수 있습니다. 예를 들면 다음과 같습니다.
- 도움말 또는 채팅 대화의 핵심 사항을 요약합니다.
- 기사의 제목과 제목을 제안합니다.
- 긴 텍스트의 간결하고 유익한 요약을 생성합니다.
- 서평을 바탕으로 도서 티저를 생성합니다.
CSS 함수
Chrome 138에 포함된 CSS 함수에는 인수의 부호와 관련된 다양한 함수를 계산하는 부호 관련 함수 abs() 및 sign()가 포함되어 있습니다.
또한 progress() 함수 표기법은 두 계산 (진행률 시작 값 및 진행률 종료 값) 간의 한 계산(진행률 값)의 위치를 나타내는 <number> 값을 반환합니다.
마지막으로 sibling-index() 및 sibling-count() 함수는 CSS 속성 값에서 정수로 사용하여 요소의 형제 중 위치 또는 형제의 총 개수를 각각 기준으로 요소의 스타일을 지정할 수 있습니다.
Viewport Segments API
Viewport Segments API를 사용하면 폴더블 기기를 타겟팅할 수 있습니다. 뷰포트 세그먼트는 뷰포트가 구분자 역할을 하는 하나 이상의 하드웨어 기능 (예: 별도의 디스플레이 간의 접힘 또는 힌지)으로 분할될 때 생성됩니다.
Viewport Segments API로 폴더블 기기 지원에서 자세히 알아보세요.
그 외에도 다양한 기능 제공
물론 그 외에도 많은 기능이 있습니다.
<및>가 속성 값에 있는 경우 이제 직렬화 시 이스케이프 처리됩니다.Clear-Site-Data헤더의 두 가지 새 값("prefetchCache"및"prerenderCache")을 사용하면 사전 렌더링 및 미리 가져오기 캐시를 지우는 작업을 타겟팅할 수 있습니다.- CSS 크기 속성 (예:
width및height)의stretch키워드를 사용하면 요소가 포함된 블록의 사용 가능한 공간을 정확하게 채우도록 확장할 수 있습니다.