더 강력하고 유용한 웹을 향해 나아가고 있습니다.
올해 Google I/O가 마무리됩니다. 기조연설 무대와 Chrome의 주문형 세션에서는 100개가 넘는 새로운 API, 구성요소, 도구가 논의되었습니다. 다음은 특히 주목할 만한 10가지 업데이트입니다. @ChromiumDev에서 좋아하는 기능과 질문을 보내주세요.
1. WebGPU가 브라우저에서 AI 및 머신러닝을 발전시킵니다.
새로 제공되는 이 API는 GPU 하드웨어의 성능을 활용하여 웹을 진정한 AI 지원 환경으로 만듭니다. 실제로 TensorFlow.js와 같은 ML 라이브러리는 WebGPU에서 일반 JavaScript보다 100배 빠르게 실행되며 WebGPU는 웹 그래픽의 이전 표준인 WebGL보다 3배 빠릅니다. WebGPU가 클라우드가 아닌 기기에서 실행되므로 개발자는 비용을 절약하고, 지연 시간을 줄이고, 새로운 개인 정보 보호 AI 기능을 빌드할 수 있습니다.
2. WebAssembly를 사용해 Android 앱을 웹으로 가져오기
코드 투자를 확대하려는 개발자에게는 Kotlin 및 Dart와 같은 관리 메모리 언어에 대한 WebAssembly의 지원이 기존 코드베이스를 재사용하고 네이티브 앱뿐만 아니라 웹에서도 사용자에게 도달할 수 있는 큰 기회를 제공합니다. JetBrains의 초기 작업 덕분에 이제 Kotlin으로 빌드하는 Android 개발자는 앱 기능을 한 번 작성한 다음 WebAssembly를 사용하여 웹에 배포할 수 있습니다.
3. 기준선으로 웹의 명확성과 예측 가능성 향상
Google은 W3C WebDX 커뮤니티 그룹에서 Chrome, Edge, Firefox, Safari 등 모든 주요 브라우저의 현재 버전과 이전 버전에서 완전히 지원되는 핵심 기능 집합으로 기준을 설정하고 있습니다. MDN 및 caniuse.com과 같은 주요 업체와 협력하여 이 공통 언어와 라벨을 워크플로에 직접 제공할 예정입니다. 그리고 매년 새로운 기능을 '자르고' 모든 브라우저에서 호환되도록 하는 기준선 23, 24, 25 등을 도입할 예정입니다. 전체 웹 생태계를 위한 연간 출시와 마찬가지입니다. 여기에서 진행 상황을 확인하세요.
4. Chrome 확장 프로그램 개발자를 위한 더 많은 지원
확장 프로그램은 웹 사용자에게 더 맞춤설정된 환경을 제공하는 동시에 신규 사용자에게 도달하는 데 중요한 역할을 합니다. Google은 Chrome 확장 프로그램에 투자하는 개발자가 성공할 수 있도록 지원하고자 합니다. 이에 따라 최근 Manifest V3 출시 타임라인을 연장하는 것과 함께 Chrome 웹 스토어 UI를 개선하고, 확장 프로그램 문서 및 샘플을 업데이트하고, Chrome 측면 패널에 새로운 참여 노출 영역을 추가하고 있습니다.
5. 내년부터 다음 페인트에 대한 상호작용이 Core Web Vital이 됨
Google은 현재의 Core Web Vitals에 대해 광범위한 실험과 커뮤니티의 지속적인 의견을 수렴한 후 최초 입력 지연 시간을 응답성을 보다 전체적으로 측정하는 측정항목인 다음 페인트에 대한 상호작용 또는 INP로 대체할 계획을 발표했습니다. 이 변경사항은 2024년 3월에 적용되므로 충분한 시간을 두고 INP에 최적화할 수 있습니다.
6. 패스키로 웹에 미래의 인증 구현
로그인 환경을 사용하는 웹 앱의 경우 이제 비밀번호 및 2단계 인증에서 패스키로 업그레이드해야 합니다. 업계 표준을 기반으로 하는 이 기술은 비밀번호 및 기타 피싱 가능한 인증 요소를 대체하는 훨씬 더 안전한 기술이며 사용자에게 원활한 로그인 및 인증 환경을 제공합니다. Shopify와 같은 얼리 어답터가 이미 이 암호 없는 솔루션을 통합하여 상당한 효과를 보고 있다는 점이 기쁩니다.
7. 개인 정보 보호 샌드박스를 통한 새로운 개인 정보 보호 기술
Google은 개인 정보 보호 샌드박스 이니셔티브에서 생태계와 협력하여 웹에서 추적 벡터를 삭제하는 데 큰 진전을 이루었습니다. 이제 CHIPS 및 퍼스트 파티 세트와 함께 새로운 쿠키 기능이 제공되므로 Chrome에서 서드 파티 쿠키 지원이 종료될 때까지 개발자가 준비할 수 있습니다.
8. 사용자 및 개발자 환경을 개선하기 위한 더 많은 웹 UI 기능
지난 1년간 웹 UI 기능에서 이루어진 진보가 웹 앱 품질의 기준을 높이고 있습니다. 여기에는 새로운 반응형 UI 기능, 액세스 가능한 기본값 및 브라우저 관리 상태를 사용하여 맞춤설정할 수 있는 구성요소, 애니메이션 및 상호작용 API의 몇 가지 매우 흥미로운 업데이트가 포함됩니다. 웹 UI 세계에는 좋은 점이 많습니다. 여러분이 이를 활용해 어떤 멋진 결과물을 만들어 낼지 기대됩니다.
9. Chrome DevTools에서 프레임워크 코드 디버깅 개선
Google은 다양한 JavaScript 프레임워크와 협력하여 Chrome DevTools에서 웹 앱을 디버그하는 방법을 개선하고 있습니다. 더 깔끔한 스택 트레이스, 새로운 '코드 표시' 옵션, 향상된 중단점 안정성을 확인할 수 있습니다. Google의 목표는 스택 선택으로 인해 표시되는 코드가 아닌 작성하는 코드에 집중할 수 있도록 지원하는 것입니다. YouTube는 여기서 그치지 않고 YouTube 도구를 워크플로에 더 깊이 통합하고 웹에서의 개발 불편을 줄이는 데 주력할 예정이니 계속해서 지켜봐 주세요.
10. 올해 I/O에서 수백 개의 API 업데이트
올해 I/O에서는 더 나은 저장소 및 아키텍처 솔루션, 강력한 UI 기능, 브라우저에서 MIDI 키보드부터 드로잉 태블릿에 이르기까지 주변기기의 향상된 지원 등 수백 개의 API가 소개되었습니다. YouTube 채널에 게시된 주문형 콘텐츠를 통해 모두 시청하세요.
Google은 모든 사용자가 웹에 초대되고 함께 더 나은 플랫폼을 만들고 있다는 사실을 기념하고자 합니다. 더 유용하고 강력한 새로운 웹으로 어떤 앱을 만들어 주시는지 기대됩니다.
다음 Google I/O에서 뵙겠습니다.