버튼의 선언적 동작을 위한 새로운 기능에 대해 알아봅니다.

• Blog
• JavaScript
• HTML
• Chrome

Chrome팀은 커뮤니티의 우려사항에 응답합니다.

• CSS
• Chrome

scheduler.yield()는 긴 작업을 인체공학적으로 분할하고 실행을 우선적으로 계속하는 새로운 API입니다.

• Blog
• JavaScript
• Chrome

최신 베타에서 Chrome에 제공될 기능을 살펴보세요.

• CSS
• Chrome

Chrome 134가 출시됩니다. 여기에는 대화상자의 밝은 색상 닫기 기능과 그 밖에도 다양한 기능이 포함되어 있습니다.

• New in Chrome
• Blog
• Chrome

문서 PIP 모드가 온라인 학습 환경을 개선한 방법을 알아보세요.

• Blog
• JavaScript
• Chrome

이제 검토 대기 중인 항목의 검토 절차를 중지할 수 있습니다.

• Blog
• Chrome
• Chrome Extensions

Android용 Chrome은 Chrome 135부터 전체 화면 모드를 지원합니다.

• Chrome

Chrome DevTools로 고급 네트워크 분석을 수행하세요.

• Blog
• Chrome DevTools
• Chrome

하위 그룹을 사용하여 머신러닝 워크로드 개선, D3D12의 셰이더 컴파일 시간 개선, 혼합 가능한 부동 소수점 필터링 가능한 텍스처 유형 지원 삭제 등

• New in Chrome
• Chrome

도움말과 기타 플로팅 요소를 간소화하는 팝오버의 새로운 모드를 살펴보세요.

• Blog
• CSS
• JavaScript
• HTML
• Chrome

개인 정보 보호 및 보안 패널, 보정된 CPU 제한, 실적에서 퍼스트 파티 및 서드 파티 강조 표시, 새로운 통계 등

• New in Chrome
• JavaScript
• Chrome DevTools
• Chrome

Edge팀은 Chromium에서 Windows ClearType Tuner 값을 직접 따르는 지원을 추가하여 Windows의 Chromium 기반 브라우저에서 텍스트 렌더링을 개선했습니다.

• Blog
• Chrome

LCP 이미지 하위 부분, LCP 리소스 유형, RTT를 비롯하여 2025년 2월 출시의 Chrome 사용자 환경 보고서 (CrUX 변경사항)에 관한 내용을 알아보세요.

• Chrome

Chrome에서는 미디어를 재생하는 웹 앱이 PIP 모드를 자동으로 시작하도록 허용합니다.

• Blog
• JavaScript
• Chrome

Chrome에 제공될 최신 기능을 살펴보세요.

• Release notes
• Chrome

Chrome 133이 출시됩니다. 흥미로운 새로운 CSS 기능과 그 밖에도 다양한 기능을 살펴보세요.

• New in Chrome
• Blog
• HTML
• CSS
• Chrome

Android용 Chrome 맞춤 탭의 앱별 기록 소개

• Blog
• Chrome

Android용 Auth 탭으로 웹 기반 인증 개선

• Blog
• Chrome

영구 AI 채팅 기록, 향상된 탐색, 실적에서 무시 목록 및 스택 트레이스, 새로운 '새로운 기능' 패널 등이 추가되었습니다.

• New in Chrome
• Chrome
• Chrome DevTools

Chrome 확장 프로그램의 최근 변경사항에 대한 개요와 개발자가 기대할 수 있는 곧 출시될 흥미로운 확장 프로그램 기능을 확인해 보세요.

• Blog
• Chrome Extensions
• Chrome

unorm8x4-bgra 및 1개 구성요소 정점 형식이 추가되어 정의되지 않은 값으로 알 수 없는 제한을 요청할 수 있습니다. WGSL 정렬 규칙 변경, 삭제로 인한 WGSL 성능 향상 등도 있습니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

YouTube는 플랫폼 전반에서 명확성과 일관성을 제공하기 위해 마련된 일련의 정책 업데이트를 발표합니다.

• Blog
• Chrome
• Chrome Extensions

`getClientCapabilities()` 를 사용하여 WebAuthn 기능을 감지하고 사용자에게 맞게 인증 워크플로를 조정하는 방법을 알아보세요.

• Identity
• Blog
• JavaScript
• Passkeys
• Chrome

Chrome 133부터 에너지 절약 모드가 활성화되어 있으면 CPU를 많이 사용하는 백그라운드 탭이 정지됩니다.

• Blog
• Chrome

이제 iOS 17 이상을 실행하는 Chrome에서 Google 비밀번호 관리자 (GPM)에서 패스키를 생성, 동기화하고 패스키로 인증할 수 있습니다. 이렇게 하면 Chrome이 설치된 모든 곳에서 GPM의 패스키를 사용할 수 있습니다.

• Identity
• Blog
• Passkeys
• Chrome

이제 커스텀 속성을 포함한 모든 CSS 속성에 attr()를 사용할 수 있으며, 값을 문자열이 아닌 데이터 유형으로 파싱할 수 있습니다.

• CSS
• HTML
• Chrome

Chrome에 제공되는 최신 기능에 대해 알아보세요.

• Release notes
• CSS
• HTML
• Chrome

컨테이너 쿼리와 비슷하지만 중단된 쿼리, 스냅된 쿼리, 오버플로 쿼리에 적용됩니다.

• CSS
• Chrome

DevTools의 새로운 AI 지원 패널의 재미있고 흥미로운 사용 사례에 대해 알아보세요.

• Blog
• CSS
• Chrome
• Chrome DevTools

텍스트 콘텐츠 위와 아래의 여백을 줄여 시각적 균형을 유지합니다.

• CSS
• Chrome

Chrome 132가 출시됩니다. Dialog 요소는 ToggleEvent를 가져오고, 요소 수준 동영상 공유를 지원하며, File System Access API는 Android 및 WebView를 지원합니다.

• New in Chrome
• Video
• JavaScript
• Chrome

Chrome에서 Gemini Nano를 사용해 새로운 가능성을 모색해 보라는 주제로 진행된 Built-in AI Challenge에서 수상한 앱과 확장 프로그램을 확인해 보세요.

• Blog
• Chrome

Web Vitals 확장 프로그램과 DevTools의 병합이 완료되었으며 확장 프로그램 지원이 종료되었습니다.

• Chrome
• Chrome DevTools

텍스처 뷰 사용, 32비트 부동 소수점 텍스처 혼합, GPUDevice adapterInfo 속성, 잘못된 형식으로 캔버스 컨텍스트 구성 시 JavaScript 오류 발생, 텍스처의 샘플러 제한 필터링, 확장된 하위 그룹 실험, 개발자 환경 개선, 16비트 정규화된 텍스처 형식의 실험적 지원 등

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome 연구에 따르면 자동 완성 사용자는 양식을 더 빠르게 작성하고 중단율이 낮습니다.

• Identity
• Blog
• Chrome

시간을 내어 의견을 제공하고 세부정보를 검토하며 표준을 수립하는 데 도움을 주셔서 감사합니다.

• Blog
• CSS
• Chrome

DevTools로 성능 트레이스를 기록하고 분석합니다.

• Blog
• Chrome DevTools
• Chrome

Gemini를 사용하여 네트워크 요청, 소스 파일, 성능 트레이스를 디버그하고 AI 채팅 기록을 확인하는 등의 작업을 할 수 있습니다.

• New in Chrome
• Video
• Chrome
• Chrome DevTools

Chrome DevRel팀과 스케이트보드를 타는 Chrome Dino와 함께 2024년에 Chrome 및 웹 플랫폼용으로 출시된 최신 CSS를 살펴보세요.

• Blog
• CSS

실험용 성능 통계 패널은 2025년 1월에 삭제되고 성능 패널 자체의 새로운 통계로 대체됩니다.

• Chrome DevTools
• Chrome

웹용 GPU 워킹 그룹 회의에서 논의된 새로운 AI 및 렌더링 기능에 대해 알아보세요.

• WebGpu
• Chrome

Gemini API 개발자 대회 웹 어워드 수상자로 ViddyScribe를 선정했습니다. Gemini가 모든 동영상의 오디오 설명을 생성하여 웹에서 동영상에 대한 접근성을 높이는 데 어떻게 도움이 되는지 보여주었습니다.

• Chrome

새 확장 프로그램 메뉴에 맞게 확장 프로그램을 준비하는 방법

• Blog
• JavaScript
• Chrome
• Chrome Extensions

로컬 AI 모델을 사용하여 브라우저에서 실시간으로 텍스트를 번역합니다. 이제 사용자는 자신의 모국어로 참여할 수 있습니다.

• Blog
• Chrome

Chrome에 제공되는 최신 기능에 대해 알아보세요.

• Chrome

Chrome 데스크톱의 패스키용 Signal API 소개

• Identity
• Blog
• Passkeys
• Chrome

DevTools의 새로운 주석 기능을 사용하여 성능 트레이스를 더 쉽게 이해하는 방법을 알아보세요.

• Chrome
• Chrome DevTools

오리진 체험판에 참여하여 사용자가 긴 기사, 복잡한 문서 또는 활발한 채팅 대화를 간결하고 유용한 요약으로 요약할 수 있도록 지원하세요.

• Blog
• Chrome

Chrome 131이 출시됩니다. 세부정보 요소에 대한 CSS 스타일 지정, 페이지 여백 상자를 사용한 더 간편한 인쇄 레이아웃 등 다양한 기능이 추가되었습니다.

• New in Chrome
• Video
• CSS
• Chrome

Chrome 확장 프로그램용 Prompt API 오리진 트라이얼에 참여하고 Chrome에서 Gemini Nano에 액세스하세요.

• Chrome

이제 새로운 ::details-content 가상 요소를 사용하여 디스플레이 유형을 설정하고 펼치고 접을 수 있는 부분의 컨테이너 스타일을 지정할 수 있습니다.

• Blog
• HTML
• CSS

WGSL, GPUCanvasContext getConfiguration(), 점 및 선 프리미티브의 클립 거리에는 깊이 편향, 하위 그룹의 포괄적인 스캔 내장 함수, 다중 그리기 간접에 관한 실험적 지원, 셰이더 모듈 컴파일 옵션 엄격한 수학 지원, GPUAdapter requestAdapterInfo() 삭제 등이 없어야 합니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

원활한 사용자 인증 정보 공유를 통해 비밀번호 관리자에게 사용자가 Android 앱과 웹사이트에서 동일한 사용자 인증 정보를 사용하여 로그인할 수 있다는 신호를 안전하게 보낼 수 있습니다.

• Chrome

성능 패널에서 실시간 Core Web Vitals 측정항목을 모니터링합니다.

• Blog
• Chrome
• Chrome DevTools

Gemini로 CSS를 디버그하고, 결과에 주석을 달고, Performance 패널에서 유용한 정보를 얻고, 과도한 레이아웃 변경 및 합성되지 않은 애니메이션을 파악하는 등의 작업을 할 수 있습니다.

• New in Chrome
• Video
• Chrome DevTools
• Chrome

웹페이지를 인쇄할 때 맞춤 머리글과 바닥글을 만듭니다.

• HTML
• CSS
• Chrome

Chrome 132에는 더 이상 이전 헤드리스 모드가 포함되지 않습니다. chrome-headless-shell 또는 새로운 Headless 모드로 이전하세요.

• Blog
• Chrome

DevTools의 새로운 스크롤 배지가 스크롤 가능한 요소의 디버깅을 간소화하는 방법과 이를 빌드한 방법을 알아보세요.

• Blog
• Chrome
• Chrome DevTools

DevTools의 새로운 AI 지원 패널의 재미있고 흥미로운 사용 사례에 대해 알아보세요.

• Blog
• Chrome
• Chrome DevTools

최신 베타에서 Chrome에 제공될 기능을 살펴보세요.

• Release notes
• Chrome

Chrome 130이 출시되었습니다. 문서 PIP 모드를 사용하면 PIP 모드를 더 세밀하게 제어할 수 있으며, CSS 중첩 선언은 몇 가지 까다로운 극단적인 사례를 해결하며, 여러 줄에 걸쳐 분할된 요소의 장식이 작동하는 방식을 지정할 수 있습니다. Pete LePage이 Chrome 130의 개발자를 위한 새로운 기능에 대해 자세히 설명합니다.

• New in Chrome
• Video
• CSS
• JavaScript
• Chrome

이중 소스 블렌딩, Metal의 셰이더 컴파일 시간 개선, GPUAdapter requestAdapterInfo() 지원 중단 등

• WebGpu
• New in Chrome
• Release notes
• C++
• JavaScript
• Chrome

Chrome 확장 프로그램의 최근 변경사항에 대한 개요와 개발자가 기대할 수 있는 곧 출시될 흥미로운 확장 프로그램 기능을 확인해 보세요.

• Blog
• Chrome
• Chrome Extensions

Chrome 130에서는 접두사가 없는 Box-decoration-break가 완전히 지원됩니다.

• CSS
• Chrome

비공개 네트워크 액세스 (PNA) 출시가 보류 중입니다.

• Chrome

Chrome 134에서는 CSS 강조 표시 상속이 변경됩니다.

• Blog
• HTML
• CSS
• Chrome

이제 빌트인 AI 사전 체험 프로그램 참여자가 Translation API를 사용할 수 있습니다.

• Chrome

DevTools 디버거가 예외 포착 여부를 예측하는 방법을 알아봅니다.

• Blog
• JavaScript
• Chrome
• Chrome DevTools

Chrome에서 Gemini Nano로 무엇이 가능한지 다시 생각해 볼 수 있는 '기본 제공 AI 챌린지'가 시작됩니다.

• Blog
• Chrome

Chrome 웹 스토어 개발자 대시보드의 반응성과 모바일 친화성을 개선하는 일련의 UI 변경사항을 출시하게 되어 기쁩니다. 이번 업데이트를 통해 스토어 등록정보 실적을 모니터링하고, 등록정보를 변경하고, 스토어에서 확장 프로그램을 관리할 때 더 편리하고 접근하기 쉬운 환경을 제공할 수 있기를 바랍니다. 휴대기기에서 확장 프로그램의 스토어 등록정보 실적을 더 잘 볼 수 있도록 모든 차트 및 분석 페이지가 더 반응이 빨라지도록 업데이트되었습니다.

• Blog
• Chrome Extensions
• Chrome

'실적' 패널에서 탐색할 수 있는 실시간 측정항목 및 탐색경로에 대한 추천, 새로워진 네트워크 필터, 정리된 HAR 내보내기 등

• New in Chrome
• Video
• CSS
• Chrome
• Chrome DevTools

DevTools로 캐시를 검사하고 문제를 해결합니다.

• Blog
• Chrome
• Chrome DevTools

이제 Language Detection API를 Chrome 오리진 체험판에서 사용할 수 있습니다.

• Blog

웹 Vitals 확장 프로그램이 Chrome DevTools의 성능 패널과 병합되며 2025년 1월에 독립형 지원이 종료됩니다.

• Chrome
• Chrome DevTools

제안된 두 가지 석조물 사양 비교.

• Blog
• CSS
• Chrome

이제 EPP 참여자는 Chrome에서 쓰기 및 재작성 API로 프로토타입을 제작할 수 있습니다.

• Chrome

곧 데스크톱용 Chrome에서 Google 비밀번호 관리자(GPM)에 패스키를 만들고 Android 외에도 이러한 플랫폼에서 동기화할 수 있게 됩니다.

• Identity
• Passkeys
• Chrome

최신 Chrome 베타의 기능과 변경사항을 이용해 사이트를 테스트하세요.

• Release notes
• Chrome

프로세스 공유 실험 및 Chrome DevTools의 영향' 살펴봤습니다

• Blog
• Chrome
• Chrome DevTools

이제 Chrome 129가 출시됩니다. 긴 작업에서 생성할 수 있습니다. 성능을 개선하기 위해 고유 크기로 요소에 애니메이션을 적용할 수 있으며, 앵커 위치 지정 문법에 몇 가지 변경사항이 있습니다. 그 밖에도 많은 사항이 있습니다. 피트 르페이지가 Chrome 129의 개발자를 위한 새로운 기능에 관한 모든 세부정보를 제공합니다.

• New in Chrome
• Video
• CSS
• JavaScript
• Chrome

캔버스 톤 매핑 모드, 확장된 하위 그룹 지원 등 HDR 지원

• WebGpu
• New in Chrome
• Release notes
• C++
• JavaScript
• Chrome

Chrome DevTools의 Performance 패널에는 로컬 Core Web Vitals 성능을 모니터링하고 이를 필드의 실제 사용자 데이터와 비교하는 새로운 방법이 있습니다.

• Chrome DevTools
• Chrome

Web Serial에서 블루투스 RFCOMM 직렬 포트를 사용할 수 있는 시점을 감지하는 방법을 알아봅니다.

• JavaScript
• Chrome

DevTools로 검사할 수 있도록 DOM의 요소를 고정합니다.

• Blog
• Chrome DevTools
• Chrome

새로운 맞춤설정 가능 선택 기능을 미리 살펴보세요.

• Blog
• HTML
• CSS
• Chrome

Keyboard Lock API 를 사용하면 개발자가 양방향 웹사이트, 게임, 원격 데스크톱 또는 애플리케이션 스트리밍을 비롯한 다양한 사용 사례에 몰입도 높은 전체 화면 환경을 제공할 수 있습니다. 웹사이트에서 호스트 운영체제에서 허용하는 모든 사용 가능한 키를 사용할 수 있도록 하여 이를 실행합니다. Pointer Lock API 를 사용하면 데스크톱 애플리케이션이 포인터 아이콘을 숨기고 마우스 모션을 3D 세상을 둘러보는 것과 같은 다른

• JavaScript
• Chrome

알고 있어야 하는 앵커 위치 지정 API와 관련된 변경사항

• Blog
• Chrome

Digital Credentials API의 오리진 트라이얼은 Chrome 128부터 시작됩니다. Digital Credentials API는 웹사이트에서 운전면허증 또는 디지털 지갑에 저장된 주민등록증과 같은 디지털 사용자 인증 정보를 통해 사용자에 대한 확인 가능한 정보를 선택적으로 요청할 수 있는 새로운 웹 플랫폼 API입니다.

• JavaScript
• Chrome

실적의 검색 요청 > 네트워크, 자동 완성을 통해 주소 양식에 테스트 데이터를 사용하고, 녹음기 패널에서 Firefox용 Puppeteer로 내보내고, 성능 패널에서 관찰한 내용으로 성능 문제를 한눈에 파악하는 등 다양한 작업을 할 수 있습니다.

• New in Chrome
• Video
• Chrome
• Chrome DevTools

이제 Chrome의 WebAuthn에서 힌트, 관련 출처 요청, JSON 직렬화를 사용할 수 있음

• JavaScript
• Chrome

웹에 추가해야 할 사항에 관해 CSS Day 참석자와 동의하나요?

• Chrome

이제 EPP 참여자는 Chrome에서 언어 감지 API로 프로토타입을 만들 수 있습니다.

• Blog
• Chrome

현재 베타의 기능을 자세히 설명한 이 게시물에서 다음 Chrome 출시 버전을 미리 확인하세요.

• Release notes
• JavaScript
• Chrome

Chrome 128이 출시되었습니다. 줄바꿈이 있는 루비 요소의 개선된 디스플레이로 Promise.try는 Promise 체인을 더 쉽게 시작하고 PointerEvent 인터페이스를 확장하여 여러 펜을 고유하게 식별할 수 있으며 그 밖에도 많은 기능이 있습니다. 아드리아나 자라가 개발자를 위한 Chrome 128의 새로운 기능에 관한 모든 세부정보를 제공합니다.

• New in Chrome
• Video
• Chrome

Ahmed Elwasefi가 Google Summer of Code를 통해 Chromium 참여자가 된 과정을 공유하는 게시물입니다.

• A11y
• Blog
• Chrome

하위 그룹을 실험하고, 선과 점의 깊이 편향 설정을 지원 중단하고, preventDefault인 경우, 캡처되지 않은 오류 DevTools 경고를 숨기고, WGSL이 샘플링을 먼저 보간하는 등의 작업을 수행합니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Chrome팀은 개발자에게 파일 시스템의 변경사항을 알려주는 새로운 File System Observer API를 실험하고 있습니다.

• JavaScript
• Chrome

이제 EPP 참여자는 Chrome에서 Gemini Nano의 Summary API를 사용하여 프로토타입을 제작할 수 있습니다.

• Blog
• Chrome

두 가지 새로운 JavaScript 이벤트인 스크롤SnapChange와 ScrollSnap Changes가 도입되었습니다.

• Blog
• JavaScript
• Chrome

DevTools로 스크린샷을 캡처하는 독특한 4가지 방법을 알아보세요.

• Blog
• Chrome DevTools
• Chrome

콘솔 통계가 유럽에서 제공되고 향상된 네트워크 트랙 및 API를 통해 실적 패널에서 트랙을 맞춤설정하는 등 다양한 기능이 제공됩니다.

• New in Chrome
• Video
• Chrome DevTools
• Chrome

Puppeteer 23에서는 Firefox 129 이상을 안정적으로 지원하며 WebDriver BiDi를 기반으로 Chrome 및 Firefox 자동화를 위한 통합 API를 제공합니다.

• Testing
• Blog
• JavaScript
• Chrome

이제 Android용 Chrome에 인증 관리자가 통합되어 Android 14 이상에서 서드 파티 비밀번호 관리자가 패스키를 제공할 수 있습니다.

• Chrome

기본 제공 AI, Prompt API, Chrome의 AI 요금제에 관한 업데이트입니다.

• Blog
• Chrome

DevTools팀이 Styles 탭에 스타일이 표시되는 방식을 어떻게 개선했는지 알아보세요.

• Blog
• CSS
• Chrome DevTools
• Chrome

BrowserStack은 WebDriver BiDi 지원: 이벤트 기반 자동화를 통해 Selenium Grid 테스트를 향상시킵니다.

• Testing
• Blog
• JavaScript
• Chrome

줄바꿈 가능한 루비 요소 및 CSS 루비 정렬 속성

• Blog
• HTML
• Chrome

현재 베타의 기능을 자세히 설명한 이 게시물에서 다음 Chrome 출시 버전을 미리 확인하세요.

• Chrome

Chrome의 내부 사용자 연구에 따르면 많은 사용자가 웹 앱 설치를 중요하게 생각하는 것으로 나타났습니다. 다음과 같은 여러 가지 이점이 있습니다. Chrome과 웹 개발자가 새로운 머신러닝 프로모션 기능을 비롯한 다양한 방법으로 도움을 줄 수 있습니다. 이 게시물에서는 사용자가 앱을 설치하는 방법을 간략하게 설명합니다. Chrome의 설치 가능성 기준 을 충족하는 앱은 Chrome 데스크톱 브라우저의 주소 표시줄에 설치 아이콘을 자동으로

• Chrome

Chrome 127이 이제 출시됩니다. 글꼴 크기 조정을 지원하여 사용자 활성화가 Document Picture-in-Picture API, 키보드 포커스 가능 스크롤 컨테이너 등에 전파되었습니다. 아드리아나 자라가 개발자를 위한 Chrome 127의 새로운 기능에 관한 모든 세부정보를 제공합니다.

• New in Chrome
• Video
• CSS
• Chrome

Android의 OpenGL ES 실험 지원, GPUAdapter 정보 속성, WebAssembly 상호 운용성 개선 등

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Google에서 읽기 흐름이 요구사항을 충족하는지 확인할 수 있도록 도와주세요.

• A11y
• CSS
• HTML
• Chrome

점점 더 많은 사람들이 View Transition API를 살펴보기 시작하면서 몇 가지 오해를 바로잡을 때입니다.

• Blog
• JavaScript
• CSS
• HTML
• Chrome

이번 공지에는 고품질 제품 개발을 장려하고, 사기 행위를 방지하고, 정보에 입각한 사용자 동의를 보장하도록 설계된 개발자 프로그램 정책 페이지의 업데이트 내용이 포함됩니다.

• Blog
• Chrome Extensions
• Chrome

Chrome 확장 프로그램의 최근 변경사항과 개발자가 기대할 수 있는 향후 확장 프로그램 기능에 대한 개요입니다.

• Blog
• Chrome Extensions
• Chrome

Elements에서의 CSS 앵커 위치 지정, 소스의 향상된 'Never Pause Here', 새로운 스크롤 맞추기 이벤트 리스너, 업데이트된 네트워크 제한 사전 설정 등

• New in Chrome
• Video
• Chrome DevTools
• Chrome

Long Animation Frame API (LoAF)는 Chrome 123에서 출시되었으며 이제 이 새로운 API를 최대한 활용하는 데 도움이 되는 도구와 가이드도 업데이트했습니다.

• Chrome

YouTube는 교차 사이트 스크립팅 공격을 방지하기 위해 신뢰할 수 있는 유형으로 플랫폼 보안을 강화하고 있지만, 확장 프로그램에 영향을 미칠 수도 있습니다.

• Blog
• Chrome
• Chrome Extensions

Chrome 웹 스토어에서 리뷰를 담당하는 팀과 이야기를 나누었습니다.

• Blog
• Chrome Extensions
• Chrome

Chrome팀은 IndexedDB (IDB) 구현을 위해 성능 관련 여러 가지 사항을 개선했습니다.

• Blog
• JavaScript
• Chrome

베타를 다운로드하여 Chrome에 제공되는 최신 기능을 테스트해 보세요.

• Release notes
• CSS
• Chrome

Chrome팀은 사용자에게 강력한 기능에 대한 액세스를 요청할 수 있는 새로운 선언적 HTML <permission> 요소를 실험하고 있습니다.

• JavaScript
• CSS
• HTML
• Chrome

maxTextureArrayLayers 제한 확대, Vulkan 백엔드의 버퍼 업로드 최적화, 셰이더 컴파일 시간 개선, 제출된 명령어 버퍼는 고유해야 하며, Dawn 업데이트 등이 있습니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

Google I/O 2024에서 발표된 CSS 및 웹 UI 관련 공지사항을 모두 읽어보세요.

• Blog
• JavaScript
• CSS
• HTML
• Chrome

이제 Chrome 126이 출시됩니다. ViewTransitions API에서 문서 간 전환을 지원하면서 CloseWatcher API가 다시 사용 설정되고 Gamepad API에 대해 트리거 럼블을 실행했으며 그 밖에도 훨씬 더 많은 기능이 제공됩니다. 아드리아나 하라가 Chrome 126의 개발자를 위한 새로운 기능을 자세히 알아보세요.

• New in Chrome
• Video
• JavaScript
• CSS
• Chrome

성능 패널을 깔끔하게 정리하고 가장 필요한 정보에 집중하는 데 도움이 되는 최신 기능에 대해 알아보세요.

• Chrome DevTools
• Chrome

개발자가 선언적 Net Request API를 사용하여 요건을 충족하는 Manifest V3 확장 프로그램 변경사항에 대한 검토 절차를 건너뛸 수 있는 새로운 기능을 발표하게 되어 기쁩니다.

• Chrome

향상된 트랙 구성 모드, Flame Chart의 무시 목록, 성능 패널에서 CPU 20회 제한 등이 있습니다.

• New in Chrome
• Video
• Chrome
• Chrome DevTools

또 다른 Google I/O에서 흥미로운 확장 프로그램 업데이트를 모두 다루었습니다.

• Chrome

이 문서에서는 JavaScript 프레임워크 생태계의 최근 상황을 간략하게 설명합니다.

• Chrome

I/O 2024에서 발표된 Web AI 요약 내용을 읽어보세요. 차기 웹 앱을 위한 새로운 모델, 도구, API를 알아보세요.

• WebGpu
• Chrome

파트 1/2. WebAssembly 및 WebGPU 개선사항이 웹에서 머신러닝 성능을 개선하는 방법을 알아봅니다.

• WebGpu
• C
• Chrome

Chrome 126 베타에는 Gamepad API trigger-rumble 확장 프로그램 및 기타 기능과 함께 문서 간 뷰 전환이 포함되어 있습니다.

• Release notes
• CSS
• Chrome

MPA를 위한 문서 간 뷰 전환, 활성 유형을 사용한 선택적 뷰 전환, 뷰 전환 클래스를 사용한 애니메이션 스타일 공유를 발표합니다.

• Blog
• CSS
• JavaScript
• Chrome

파트 2/2. WebAssembly 및 WebGPU 개선사항을 통해 웹에서 머신러닝 성능을 개선하는 방법을 알아보세요.

• WebGpu
• JavaScript
• Chrome

Async Clipboard API는 이제 SVG 이미지를 처리할 수 있습니다.

• Blog
• JavaScript
• Chrome

Chrome 126부터 Windows UI 자동화 프레임워크가 지원됩니다.

• A11y
• Blog
• Chrome

DevTools를 사용하여 네트워크 응답을 재정의하고 모의 처리하는 방법을 알아봅니다.

• Blog
• Chrome DevTools
• Chrome

Google I/O 개발자 기조연설과 세션에서 흥미로운 기능들을 살펴보세요.

• Blog
• Google I/O 2024
• Chrome

이제 Chrome 125가 출시됩니다. CSS Anchor Positioning API, Compute Pressure API, Storage Access API로 확장 등이 가능합니다. 아드리아나 하라가 Chrome 125의 개발자를 위한 새로운 기능에 관해 자세히 알아보세요.

• New in Chrome
• Video
• JavaScript
• Chrome

새 앵커 배치 API를 사용하여 요소를 서로 비교하여 배치합니다.

• Blog
• HTML
• CSS
• Chrome

Puppeteer, Chrome Headless, Chrome for Testing 및 Chrome 도구팀이 제공하는 기타 리소스에 관한 간략한 개요입니다.

• Testing
• Blog
• Chrome

엔터프라이즈 환경에서 테스트를 통해 문제를 해결하는 방법 알아보기

• Chrome

콘솔의 오류 원인, 성능의 CSS 선택자 통계, 네트워크의 사전 힌트 헤더 등

• New in Chrome
• Video
• JavaScript
• Chrome DevTools
• Chrome

뷰 전환, 스크롤 기반 애니메이션, Popover API 등 최신 CSS 및 UI 기능을 구현하여 전자상거래 사이트가 어떤 이점을 얻을 수 있는지 알아보세요.

• Blog
• Chrome

개발 중인 하위 그룹이 3D 텍스처 슬라이스로 렌더링됩니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

스크롤 기반 애니메이션에 대해 자세히 알아볼 수 있는 10부작 동영상 과정

• Blog
• CSS
• Chrome

다양한 사양으로 석조물과 그리드를 정의하기 위한 제안

• Blog
• CSS
• Chrome

HTTPS로 변환할 수 없는 웹사이트에서 비공개 네트워크 기기에 액세스하려면 권한 메시지를 사용하여 혼합 콘텐츠 검사를 완화해야 합니다.

• Security
• Blog
• Chrome

CSS 앵커 위치 지정, CSS 계단식 함수, Compute Pressure API 등

• Chrome

폴더블 API는 개발자가 폴더블 기기를 타겟팅하는 데 도움이 되도록 설계된 Chrome의 두 API입니다.

• JavaScript
• CSS
• HTML
• Chrome

Chrome 확장 프로그램의 최근 변경사항과 개발자가 기대할 수 있는 향후 확장 프로그램 기능에 대한 개요입니다.

• Blog
• Chrome Extensions
• Chrome

이제 Chrome은 권한 메시지 뒤에 전체 웹 MIDI API를 제어합니다.

• JavaScript
• Chrome

이제 Chrome 124가 출시됩니다. JavaScript에서 선언적 Shadow DOM을 사용할 수 있도록 하는 두 개의 새로운 API가 있습니다. 웹 소켓에서 스트림을 사용할 수 있습니다. 뷰 전환이 약간 개선됩니다. 그 밖에도 많은 기능이 제공됩니다. Pete LePage는 Chrome 124의 개발자를 위한 새로운 기능을 자세히 설명합니다.

• New in Chrome
• Video
• HTML
• JavaScript
• Chrome

DevTools가 웹 애플리케이션 개발을 어떻게 개선할 수 있는지 알아보세요.

• Blog
• Chrome DevTools
• Chrome

Chrome 사용자 환경 보고서 (CrUX)의 새로운 navigation_types 측정항목과 이 측정항목을 사용하여 웹 성능 측정항목을 설명하고 최적화하는 방법을 알아보세요.

• Chrome

이번 주에는 개발자가 Chrome 웹 스토어에서 확장 프로그램을 이전에 게시된 버전으로 롤백할 수 있는 새로운 기능을 출시하게 되었습니다. Google의 목표는 특히 Manifest V3로 전환할 때 개발자가 업데이트를 게시할 때 더 안심할 수 있도록 하는 것입니다. 이제 버그 수정사항이 포함된 새 버전의 확장 프로그램을 제출하고 검토를 통과할 때까지 기다릴 필요가 없습니다. 대신 더보기 메뉴 또는 항목의 패키지 페이지를 통해 롤백을 시작할 수

• Blog
• Chrome
• Chrome Extensions

읽기 전용 및 읽기-쓰기 저장소 텍스처, 서비스 워커 및 공유 워커 지원, 새로운 어댑터 정보 속성, 버그 수정

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

CPU 성능 프로파일링의 미래에 대해 알아보고 JavaScript 프로파일러를 지원 중단하는 이유와 지원 중단 방식에 대해 알아보세요.

• Blog
• JavaScript
• Chrome DevTools
• Chrome

스크롤 기반 애니메이션 지원, 새로운 자동 완성 패널, 네트워크 제한 시 WebRTC의 새로운 옵션 등을 지원합니다.

• New in Chrome
• Video
• Chrome DevTools
• Chrome

JSPI (JavaScript Promise Integration)는 WebAssembly로 컴파일된 동기 순차 코드가 비동기 웹 API에 액세스할 수 있도록 하는 API입니다.

• C
• JavaScript
• Chrome

페이지가 닫혀 있어도 완료되는 지연된 가져오기를 요청하는 새로운 API인 fetchLater API(현재 오리진 트라이얼에 포함)에 대해 알아보세요.

• JavaScript
• Chrome

tabindex 값이 설정되지 않고 포커스 가능 하위 요소가 없는 스크롤러를 포커스 가능하게 만들기 위한 변경사항이 출시됩니다.

• CSS
• HTML
• Chrome

Writesuggestions HTML 속성, WebSocketStream API, 우선순위 HTTP 요청 헤더 등

• Chrome

Chrome 123이 출시됩니다. 새로운 밝은 어두운 기능, Long Animation Frames API, Service Worker Static Routing API 등 아드리아나 하라가 Chrome 123의 개발자를 위한 새로운 기능에 관해 자세히 알아보세요.

• New in Chrome
• Video
• CSS
• JavaScript
• Chrome

웹 작업자를 위한 비공개 네트워크 액세스의 주요 보안 메커니즘, 탐색 가져오기, 예정된 보호 기능에 대해 알아보세요. 이 도움말에서는 웹사이트 소유자가 사설 네트워크를 사용하는 경우 취해야 할 조치에 대해서도 다룹니다.

• Chrome

Chrome 123부터 제공되는 이 새로운 API를 사용하는 방법을 알아보세요.

• JavaScript
• Chrome

DevTools의 Performance 패널을 개선하기 위한 Chrome팀의 계획에 대해 알아보세요.

• Blog
• Chrome DevTools
• Chrome

웹 디버깅 환경을 간소화하도록 설계된 Chrome DevTools Network 패널의 최신 개선사항을 살펴보세요.

• Chrome
• Chrome DevTools

DP4a 내장 함수는 WGSL의 복합 요소 역참조를 위한 구문 슈가, 제한되지 않은 포인터 매개변수 등을 지원합니다.

• WebGpu
• New in Chrome
• Release notes
• JavaScript
• Chrome

이제 기존 헤드리스 Chrome을 모든 사용자 대상 Chrome 출시를 위한 독립형 바이너리로 다운로드할 수 있습니다.

• Chrome

웹 압축은 공유 사전 압축으로 크게 향상되고 있습니다. 이 정의가 무엇인지, 어떻게 작동하는지, 웹에서 정적 및 동적 리소스 모두를 위한 표준 압축보다 로드 시간을 훨씬 더 단축할 수 있는 방법을 알아보세요.

• HTML
• Chrome

플랫폼의 문서 규칙, 즉시 설정, 한도, 추측 규칙 지원 등 Speculation Rules API의 최신 업데이트에 관한 세부정보입니다.

• HTML
• Chrome

이스터 에그, 요소 > 스타일의 페이지 에뮬레이션, 새로운 Lighthouse 감사 등

• New in Chrome
• Video
• Chrome DevTools
• Chrome

이 게시물에서 Eyeo 팀은 확장 프로그램 서비스 워커를 테스트하는 문제에 대한 여정을 공유합니다. 특히 서비스 워커가 정지되었을 때 Chrome 확장 프로그램이 올바르게 작동하는지 확인하는 방법을 알아야 합니다.

• Blog
• Chrome Extensions
• Chrome

@next/third-parties 라이브러리를 사용하여 인기 있는 서드 파티 리소스의 로드를 최적화하는 방법을 알아보세요.

• HTML
• Chrome

Chrome 123부터 Flex 또는 그리드 컨테이너를 만들지 않고 align-content를 사용하여 항목을 정렬합니다.

• Blog
• CSS
• Chrome

CSS Light-dark() 색상 함수, 블록의 align-content, 필드 크기 조정 속성, pagereveal 이벤트

• Release notes
• CSS
• Chrome

이제 Chrome 122가 출시됩니다. 새로운 Storage Buckets API를 사용하면 DevTools Performance 패널이 업데이트되고, Async Clipboard API를 사용하여 HTML을 읽을 수 있는 정리되지 않은 옵션 등이 제공됩니다. 아드리아나 하라가 Chrome 122의 개발자를 위한 새로운 기능에 관해 자세히 알아보세요.

• New in Chrome
• Video
• CSS
• HTML
• Chrome