올 8월이 되면 웹이 개발된 지 35년이 됩니다. 여러 세대의 개발자들이 이 놀라운 기술을 만들어 왔으며 우리의 삶에 수많은 혁신을 가져왔습니다. 이제 AI를 통한 새로운 세대의 시작입니다. 다음은 개발자 기조연설 및 I/O 세션에서 공개된 10가지 흥미로운 기능으로, 더 강력하지만 더 쉽게 사용할 수 있는 웹을 통해 더 나은 개발의 길로 안내해 줍니다.
1. Chrome 데스크톱에 Gemini Nano 통합을 통해 새로운 온디바이스 AI 기능 제공
Chrome 126부터 Gemini Nano가 Chrome 데스크톱에 내장됩니다. 중요한 이유 신속한 엔지니어링, 미세 조정, 용량, 비용에 대해 걱정하지 않고 Chrome의 수십억 사용자에게 강력한 AI 기능을 제공할 수 있습니다. '작성 지원 기능'은 사용자가 짧은 형식의 콘텐츠를 작성하는 데 도움이 되도록 기기 내에서 Chrome에서 사용할 수 있습니다.
초기 프리뷰 프로그램에 등록하여 웹의 미래를 만들어가는 데 동참해 주세요.
2. WebAssembly 및 WebGPU를 사용하면 사용하는 AI 모델과 관계없이 온디바이스 AI를 사용할 수 있습니다.
Google은 웹에서 온디바이스 AI를 구현하는 중추적인 기술인 WebGPU와 Wasm을 사용하여 AI 모델이 빠르고 효율적으로 실행될 수 있도록 많은 투자를 했습니다. WebGPU의 16비트 부동 소수점 값, Wasm의 Memory64 및 JavaScript Promise 통합과 같은 새로운 개선사항을 통해 AI가 훨씬 더 빠르게 실행됩니다. Wasm과 WebGPU를 사용하면 AI 라이브러리가 다양한 하드웨어에서 대규모로 모델을 실행할 수 있습니다.
3. AI 기반 Chrome DevTools로 디버깅 프로세스 간소화
Chrome DevTools는 앱을 디버그하고 조정하기 위한 가장 인기 있는 방법 중 하나입니다. 이제 AI를 사용하면 디버깅이 훨씬 더 쉬워집니다. Chrome DevTools 콘솔에 Gemini를 도입하여 유용한 정보를 제공하고, 문제가 무엇인지 파악하고, 해결 방법을 알아내는 데 도움을 드릴 예정입니다.
Chrome DevTools 콘솔 통계는 현재 미국에서 실험용 기능으로 제공되고 있으며 곧 더 많은 국가로 출시될 예정입니다.
4. Speculation Rules API로 즉각적인 탐색 환경 제공
새로운 Speculation Rules API를 통해 백그라운드에서 페이지를 미리 가져오고 미리 렌더링하여 탐색 속도를 획기적으로 높여 거의 즉각적인 탐색을 지원합니다. 초 대신 밀리초를 생각하세요. 가장 좋은 건 시작하는 데 필요한 코드는 몇 줄뿐이며 AI를 사용하여 탐색 패턴을 지능적으로 예측할 수 있습니다.
5. 페이지가 여러 개인 사이트의 전환 보기
Google은 사용자가 웹을 이용하는 방식을 재정의하고자 합니다. 또한 개발자의 경우 웹용으로 빌드하는 방식을 바꾸고자 합니다. View Transition API를 사용하면 페이지 상태 간에 쉽게 애니메이션을 적용할 수 있습니다. 이제 다중 페이지 앱에서도 작동하므로 사이트 아키텍처와 관계없이 유동적인 탐색 환경을 만들 수 있습니다. View Transitions를 Speculation Rules, AI와 결합하면 매우 원활한 페이지 전환이 가능합니다.
6. 브라우저 전반에서 통합된 보기를 제공하는 웹 플랫폼 대시보드
브라우저에서 최신 플랫폼 변경사항, API, 프레임워크를 계속 업데이트하는 것은 쉽지 않습니다. 기준은 모든 브라우저에서 지원되는 웹 기능을 파악하는 방법을 제공합니다. 이제 웹 플랫폼 대시보드를 사용하여 전체 웹 플랫폼을 기능 집합으로 매핑하고, 개발을 추적하고, 상호 운용성 상태를 확인할 수 있습니다.
7. 워크플로 내의 기준 도구
기준은 워크플로에 통합되어 있을 때 가장 효과적입니다. 오늘부터 Akamai의 RUM 보관 파일에는 RUM 보관 파일 통계에 개발자를 위한 새로운 도구가 추가되었습니다. 이제 처음으로 기준 버전과 해당 기준 버전으로 잠금 해제된 기능의 전 세계 사용자 점유율을 나란히 확인할 수 있습니다.
8. Angular의 부분 하이드라이션으로 성능 개선
Google은 웹 앱을 빌드하고 배포하기 위한 최고의 플랫폼 중 하나가 Angular라고 생각합니다. 현재 부분 하이드라이션을 개발 중입니다. JavaScript가 필요한 경우에만 앱의 일부를 로드하고 하이드라이징하므로 성능에 민감한 앱의 Core Web Vitals가 크게 개선됩니다. 앞으로 몇 주 내에 개발자 프리뷰에서 확인해 보세요.
9. 즉시 사용 가능한 신호를 통한 Angular의 세분화된 반응성
앱의 변경사항 감지 및 관리를 더 세부적으로 제어할 수 있도록 지원하고자 합니다. 신호 데이터를 사용한 세분화된 반응성 Angular는 신호를 통해 최고의 개발자 환경을 지원하는 새로운 반응형 API 세트를 제공합니다. 또한 신호를 사용하면 구성요소 트리의 일부만 확인하여 상태 변경사항을 전파하는 세분화된 변경 감지를 사용 설정할 수 있으므로 더 이상 UI를 수동으로 최적화하지 않아도 됩니다.
신호 기반 반응형 API는 지금 바로 사용할 수 있습니다. 세분화된 변경 감지는 올해 말에 제공될 예정입니다.
10. Maps JavaScript API에서 몰입도 높은 3D 환경 빌드
Google은 사실적인 3D 지도를 Google Maps Platform의 익숙한 Maps JavaScript API에 도입하여 몰입도 높은 웹 환경을 구축하는 더 많은 방법을 제공하고 있습니다. 이제 Google의 렌더링 기술을 활용하여 사용자가 기대하는 속도로 풍부한 3D 지도를 제공할 수 있습니다. 가장 좋은 점은 단 한 줄의 코드로 시작할 수 있다는 것입니다.
여러분이 만들어 낼 멋진 몰입형 환경을 기대합니다. 자세히 알아보기
매일 개발의 복잡성을 극복하고 가능한 한계를 넓히고 있습니다. 모두가 즐길 수 있는 새로운 환경을 만드는 데 도움을 드릴 수 있어 기쁩니다. developer.chrome.com 및 web.dev에서 더 강력하지만 더 쉽게 사용할 수 있는 웹에 관해 자세히 알아보세요. X, YouTube, 이제는 LinkedIn에서도 소통하세요.
다음 I/O에서 뵙겠습니다.