What's New in Chrome
From the Blog
February 28, 2025
February 27, 2025
WebGPU의 새로운 기능 (Chrome 134)
하위 그룹을 사용하여 머신러닝 워크로드 개선, D3D12의 셰이더 컴파일 시간 개선, 혼합 가능한 부동 소수점 필터링 가능한 텍스처 유형 지원 삭제 등
- New in Chrome
- Chrome
February 26, 2025
February 26, 2025
Chrome 134의 DevTools의 새로운 기능
개인 정보 보호 및 보안 패널, 보정된 CPU 제한, 실적에서 퍼스트 파티 및 서드 파티 강조 표시, 새로운 통계 등
- New in Chrome
- JavaScript
- Chrome DevTools
- Chrome
February 21, 2025
Windows의 Chromium 기반 브라우저에서 텍스트 렌더링 개선
Edge팀은 Chromium에서 Windows ClearType Tuner 값을 직접 따르는 지원을 추가하여 Windows의 Chromium 기반 브라우저에서 텍스트 렌더링을 개선했습니다.
- Blog
- Chrome
February 12, 2025
이제 CrUX에서 LCP 이미지 하위 요소 및 RTT를 사용할 수 있습니다.
LCP 이미지 하위 부분, LCP 리소스 유형, RTT를 비롯하여 2025년 2월 출시의 Chrome 사용자 환경 보고서 (CrUX 변경사항)에 관한 내용을 알아보세요.
- Chrome
February 11, 2025
February 5, 2025
February 5, 2025
Chrome 133의 새로운 기능
Chrome 133이 출시됩니다. 흥미로운 새로운 CSS 기능과 그 밖에도 다양한 기능을 살펴보세요.
- New in Chrome
- Blog
- CSS
- HTML
- Chrome
February 4, 2025
January 31, 2025
January 31, 2025
Chrome 133 DevTools의 새로운 기능
영구 AI 채팅 기록, 향상된 탐색, 실적에서 무시 목록 및 스택 트레이스, 새로운 '새로운 기능' 패널 등이 추가되었습니다.
- New in Chrome
- Chrome
- Chrome DevTools
January 30, 2025
2025년 1월 Chrome 확장 프로그램 변경사항
Chrome 확장 프로그램의 최근 변경사항에 대한 개요와 개발자가 기대할 수 있는 곧 출시될 흥미로운 확장 프로그램 기능을 확인해 보세요.
- Blog
- Chrome
- Chrome Extensions
January 29, 2025
WebGPU의 새로운 기능 (Chrome 133)
unorm8x4-bgra 및 1개 구성요소 정점 형식이 추가되어 정의되지 않은 값으로 알 수 없는 제한을 요청할 수 있습니다. WGSL 정렬 규칙 변경, 삭제로 인한 WGSL 성능 향상 등도 있습니다.
- WebGpu
- New in Chrome
- Release notes
- JavaScript
- Chrome
January 29, 2025
Documentation updates
How LLMs stream responses
Notification and appeals for Chrome Web Store
AI APIs in origin trial
View and edit extension storage
Keep passkeys consistent with credentials with the Signal API
Animate to height: auto; (and other intrinsic sizing keywords) in CSS
interpolate-size and calc-size()
Case studies
Spotify가 Picture-in-Picture API를 사용하여 Spotify 소형 플레이어를 빌드한 방법
Updated May 13, 2024
Spotify Miniplayer가 '캔버스 해킹'에서 Document Picture-in-Picture API를 통해 지원되는 향상된 환경으로 전환된 과정을 알아보세요.
- Case study
- Chrome
:has() 우수사례
Updated May 7, 2024
:has()를 사용하여 Policybazaar 및 Tokopedia가 어떤 이점을 누릴 수 있는지 알아보세요.
- Case study
- JavaScript
- CSS
- Chrome
전환 우수사례 보기
Updated May 7, 2024
redBus, Policybazaar, Tokopedia는 모두 View Transition API를 사용하며 더 나은 성능과 매끄러운 UI의 이점을 누릴 수 있습니다.
- Case study
- CSS
- JavaScript
- Chrome
스크롤 기반 애니메이션 우수사례
Updated May 7, 2024
Policybazaar, redBus, Tokopedia를 통해 스크롤 기반 애니메이션의 이점을 살펴보세요.
- Case study
- CSS
- JavaScript
- Chrome
팝오버 우수사례
Updated April 24, 2024
Tokopedia는 Popover API를 사용하여 애플리케이션의 코드 양을 줄입니다.
- Case study
- JavaScript
- HTML
- CSS
- Chrome
Photoshop에서 메모리에 들어갈 수 있는 것보다 큰 파일로 작업하던 문제를 해결한 방법
Updated June 5, 2023
Adobe가 대표적인 Photoshop 앱의 웹 버전에서 사용자가 가장 큰 파일도 수정할 수 있도록 한 방법을 알아보세요. 이 도움말은 동영상으로도 제공됩니다. 2021년 Adobe는 Chrome 엔지니어링팀과 협력하여 Photoshop 버전을 웹에 제공 했습니다. 이 소프트웨어는 SIMD, 원본 비공개 파일 시스템 의 고성능 저장소, 캔버스의 P3 색상 공간, Lit 을 사용한 웹 구성요소와 같은 기능을 통해 WebAssembly를 혁신적으로
- Case study
- Chrome
벡터 이미지 편집 앱 Boxy SVG에서 사용자가 좋아하는 로컬 글꼴을 선택할 수 있도록 Local Font Access API를 사용하는 방법
Updated June 1, 2023
로컬 글꼴 액세스 API는 이름, 스타일, 모음과 같은 상위 수준 세부정보와 기본 글꼴 파일의 원시 바이트를 비롯하여 로컬에 설치된 사용자의 글꼴 데이터에 액세스하는 메커니즘을 제공합니다. SVG 편집 앱 Boxy SVG에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Boxy SVG 는 벡터 그래픽 편집기입니다. 주요 사용 사례는 삽화, 로고, 아이콘, 기타 그래픽 디자인 요소를 만들기 위해 SVG 파일
- JavaScript
- Chrome
게임 편집기인 Construct 3에서 사용자가 File System Access API를 사용하여 게임을 저장할 수 있게 하는 방법
Updated May 30, 2023
File System Access API를 사용하면 읽기, 쓰기, 파일 관리 기능을 사용할 수 있습니다. Construct 3에서 이 API를 사용하는 방법을 알아봅니다. 이 도움말은 동영상으로도 제공됩니다. Construct 3 는 토마스와 애슐리 굴렌 형제가 개발한 게임 편집기입니다. 현재 게임 편집기의 세 번째 버전에서는 이전에 Windows 및 NW.js 용으로 빌드한 후 두 가지 모두 완전히 '브라우저가 새로운 운영체제라고 [베팅]'
- JavaScript
- Chrome
Feature updates
DevTools
Extensions
WebGPU
CrUX
More to learn
Chrome for Developers on YouTube
Learn web development
