게시일: 2025년 5월 20일
Google I/O 2025에서 Google은 생산성을 높이고 더 강력하고 원활하며 최신 웹을 빌드할 수 있도록 지원하는 새로운 기능을 공개했습니다.
다음은 최첨단 기능을 직접 사용할 수 있도록 지원하고 다음 프로젝트에 영감을 줄 10가지 주요 혁신입니다.
1. 몇 줄의 CSS와 HTML로 캐러셀을 그 어느 때보다 쉽게 빌드할 수 있습니다.
첫 번째 페인트에서 상호작용하는 CSS로 아름다운 캐러셀을 빌드하세요. Chrome 135에서는 JavaScript 없이 캐러셀 생성을 간소화하는 새로운 CSS 기본 요소(스타일 지정 가능한 조각화, 스크롤 마커 요소, 스크롤 버튼)를 도입했습니다. 익숙한 CSS 개념을 사용하여 풍부하고 상호작용하며 매끄럽고 접근성이 뛰어난 캐러셀을 훨씬 짧은 시간에 만들 수 있습니다.
2. 선언적 팝오버: 새로운 Interest Invoker API 소개
실험용 Interest Invoker API는 오리진 트라이얼로 제공됩니다.
이 기능을 사용하면 방문자의 관심이 짧은 시간 동안 활성화될 때 팝오버를 선언적으로 전환할 수 있습니다. 스타일 지정할 수 없는 [title] 속성은 이제 안녕, [interesttarget] 속성이 등장했습니다. Anchor Positioning API 및
Popover API
와 결합하여
JavaScript 없이 풍부하고 반응형이며 상호작용하는 UI 요소(예: 툴팁 또는 호버 카드)를 만들 수 있습니다. 최신 CSS로 가능성은 무한합니다.
3. 선도적인 파운데이션 모델을 사용하는 여러 기본 제공 AI API를 사용할 수 있으며 이제 Prompt API에서 멀티모달 기능을 제공합니다.
Google의 기본 제공 AI 여정은 계속되어 고품질의 AI 생성 출력에 액세스할 수 있을 뿐만 아니라 향상된 개인 정보 보호, 지연 시간 단축, 비용 절감을 제공합니다. 기본 제공 AI는 전문가 모델과 Google의 가장 효율적인 모델인 Gemini Nano를 온디바이스 작업에 사용합니다. Chrome 138부터 Chrome 확장 프로그램용 Summarizer API, Language Detector API, Translator API, Prompt API를 안정화 버전에서 사용할 수 있습니다. 또한 Writer API 및 Rewriter API는 오리진 트라이얼에서 사용할 수 있습니다.
새로운 Proofreader API와 멀티모달 기능이 있는 Prompt API는 Chrome Canary에서 사용할 수 있습니다.
최신 정보를 확인하려면 사전 체험판 프로그램 에 참여하여 새로운 기본 제공 AI API에 대해 공동작업하고 웹에서 AI의 미래를 만들어 보세요.
4. 클라이언트 측 AI가 Firebase 및 Gemini Developer API로 확장되어 하이브리드 AI 솔루션을 제공합니다.
Firebase 및 Gemini Developer API와의 협업을 통해 이제 모바일과 데스크톱에서 AI 기반 웹 환경을 빌드할 수 있습니다. 이러한 애플리케이션은 가능한 경우 클라이언트 측 AI를 사용하고 모든 기기와 브라우저에 도달하도록 서버 측 AI로 원활하게 확장됩니다. 오늘부터 Firebase AI Logic 은 Gemini Developer API를 사용하여 서버 측에서 Gemini Nano 및 유사한 소형 모델을 지원하는 Chrome의 기본 제공 Prompt API에 원활하게 액세스할 수 있도록 지원합니다.
5. Chrome DevTools의 AI 어시스턴트는 스타일 지정, 성능 등 전반에서 디버깅 워크플로를 지원합니다.
AI 어시스턴트를 사용하면 Gemini와 채팅하여 요소 패널에서 스타일 지정 오류를 디버그하고, 성능 패널에서 성능 문제를 해결하고, 네트워크 패널에서 네트워크 문제를 식별하고, 소스 패널에서 소스 파일을 찾을 수 있습니다. 또한 AI 어시스턴트는 이제 스타일 지정 관련 변경사항을 요소 패널의 소스 코드에 직접 적용할 수 있습니다.
6. Chrome DevTools 성능 패널의 실제 사용자 데이터, Lighthouse 통계, AI 기능을 통해 성능 문제를 파악하고 해결할 수 있습니다.
재설계된 성능 패널을 사용하면 이제 로컬 및 실제 사용자 코어 웹 바이탈 데이터에 액세스하고 Gemini에게 성능 문제를 파악하고 해결하도록 요청할 수 있습니다. 통계 사이드바는 워크플로를 종료하거나 생산성을 저해하지 않고도 트레이스에 Lighthouse 통계를 가져와 더 빠르게 디버그할 수 있도록 지원합니다.
7. 이제 익숙한 도구(VS Code, ESLint 등)에서 Baseline 기능 지원 여부를 확인할 수 있습니다.
Baseline 통합으로 웹 개발 워크플로의 정확성과 신뢰도를 높이세요. 익숙한 웹 개발 도구 내에서 주요 브라우저 전반의 웹 기능 지원 여부를 명확하게 확인할 수 있습니다.
- IDE: 이제 VSCode에서 빌드할 때 바로 기능의 Baseline 상태를 표시하며, JetBrains의 WebStorm 및 Firebase Studio, Windsurf, GitHub Codespaces 등을 비롯한 VS Code 기반 IDE에서 곧 지원될 예정입니다.
- 린터: CSS 및 HTML 린터는 Baseline 타겟보다 최신 기능을 사용하는 경우 사전에 경고할 수 있습니다. Baseline은 CSS용 ESL1nt, HTML ESLint, 및 Stylelint에서 지원됩니다.
- 애널리틱스: RUMvision은 Baseline 데이터와 실제 사용자 측정항목을 결합하여 잠재고객에게 최적의 Baseline 버전을 전략적으로 선택할 수 있도록 지원합니다. Google 애널리틱스 사용자는 데이터를 Google 애널리틱스 Baseline 검사기에 업로드하여 Baseline 권장사항을 확인할 수 있습니다.
- 컴파일러: browserslist-config-baseline 을 사용하여 Baseline 타겟을 Babel 및 PostCSS와 같은 코드 컴파일 도구에 연결하여 소스 코드에서 최신 기능을 사용하고 프로덕션 빌드에서 컴파일할 수 있습니다.
8. 웹 플랫폼 대시보드로 웹 기능 지원을 완벽하게 파악하세요.
작년에 Google은 전체 웹 플랫폼을 기능 집합으로 매핑하는 웹 기능 데이터를 탐색하는 방법인 웹 플랫폼 대시보드를 발표했습니다. 이제 웹 기능 데이터 세트가 100% 매핑되어 AVIF에서 뷰 전환에 이르기까지 모든 브라우저의 모든 기능의 Baseline 상태(지원 여부 및 채택 포함)를 처음으로 확인할 수 있습니다. 최신 정보를 확인하고 안심하고 빌드하세요.
9. 인증 관리자로 간소화된 로그인 환경을 위한 개발자 트라이얼
Google은 비밀번호, ID 제휴, 패스키를 비롯한 여러 인증 방법이 사이트 사용자에게 불편을 초래할 수 있음을 알고 있습니다. Google의 목표는 사용자에게 통합되고 간편한 로그인 환경을 제공하는 것이므로 Android의 인증 관리자의 직관적인 환경을 Chrome에 도입하고 있습니다. 곧 사용자가 로그인 을 클릭하면 Chrome에서 Google 비밀번호 관리자의 패스키 및 비밀번호와 같이 이 사이트에서 사용할 수 있는 사용자 인증 정보를 표시하여 원활하게 로그인할 수 있습니다. Google은 이 환경에 ID 제휴도 추가할 계획입니다. 웹용 인증 관리자는 현재 개발자 트라이얼에 있습니다. 올해 말에 추가 업데이트를 기대해 주세요.
10. 제출 검토를 취소하는 기능으로 Chrome 확장 프로그램을 더 빠르게 반복하세요.
Chrome 확장 프로그램 제출은 원활하고 걱정 없고 흥미로워야 합니다. 하지만 보류 중인 제출에서 실수를 빠르게 수정할 수 없는 것이 불편한 점 중 하나였습니다. 올해 초 Google은 이전에 게시된 버전을 롤백하는 기능을 기반으로 보류 중인 제출을 취소하는 기능을 도입했습니다. 이 모든 기능은 변경사항을 빠르게 적용하고 다시 제출할 수 있도록 지원하는 것을 목표로 합니다.
최신 정보를 확인하려면 developer.chrome.com 및 web.dev를 방문하여 Google에서 강력한 웹을 더 쉽게 만드는 방법을 자세히 알아보세요. X, YouTube, and LinkedIn에서 Google과 소통해 주세요. 다음 I/O에서 뵙기를 바라겠습니다.
Deloitte는 영국 보증 유한 회사인 Deloitte Touche Tohmatsu Limited('DTTL'), 회원사 네트워크, 관련 법인을 하나 이상 지칭합니다. DTTL과 각 회원사는 법적으로 별개의 독립 법인입니다. DTTL('Deloitte Global'이라고도 함)은 고객에게 서비스를 제공하지 않습니다. 미국에서 Deloitte는 DTTL의 미국 회원사, 미국에서 'Deloitte'라는 이름을 사용하여 운영되는 관련 법인, 각 계열사를 하나 이상 지칭합니다. 일부 서비스는 공인 회계 규칙 및 규정에 따라 증명 고객에게 제공되지 않을 수 있습니다. 회원사의 글로벌 네트워크에 관해 자세히 알아보려면 www.deloitte.com/about을 참고하세요.