게시일: 2024년 12월 13일
웹이 막 시작되었을 때 온라인 상태를 유지하려면 느린 다이얼업을 통해 인내심을 가지고 기다리고 Perl 및 HTML 비트를 조작해야 했습니다. 하지만 웹은 순식간에 기하급수적으로 발전했습니다. 막바지에 식료품을 배달받거나 AI를 사용하여 수많은 긴 기사를 요약하는 등 링크는 이제 무한한 가능성을 여는 포털이 되었습니다.
이러한 이유로 많은 사람들이 웹을 좋아합니다. 전 세계 더 많은 사용자의 관심을 사로잡을 수 있도록 Google에서는 프런트엔드, 풀 스택, 초보자, 전문가 등 모든 웹 개발자를 위한 새로운 도구를 출시하고 있습니다.
더 적은 비용으로 더 창의적인 웹 환경을 빌드할 수 있는 혁신적인 기능을 2024년 요약에서 확인하세요.
Chrome의 내장 AI를 통해 개발자는 Gemini로 강력한 기능을 제공할 수 있습니다.
Google I/O 2024에서 Google은 Chrome에 직접 내장된 Gemini Nano로 웹을 강화하기 위해 AI를 사용하는 방법을 발표했습니다. 지금까지 13,000명이 넘는 사용자가 초기 프리뷰 프로그램에 참여하여 웹의 미래를 만들어가는 데 동참해 주셨습니다. 기여해 주셔서 감사드리며, 여러분이 구축할 혁신적인 AI 환경을 기대합니다.
AI를 최대한 활용할 수 있도록 실험용 프롬프트 API, 번역기 API, 요약기 API, 언어 감지기 API와 같은 여러 내장 API를 오리진 트라이얼로 출시했습니다. 이러한 API를 사용하면 서버 호출 없이 브라우저에서 AI 기반 작업을 실행할 수 있으며 자체 AI 모델을 관리하고 배포할 필요가 없습니다. 8,600명이 넘는 개발자가 이러한 API를 사용하여 웹 앱이나 Chrome 확장 프로그램을 빌드하기 위해 Google Chrome Built-in AI Challenge에 등록했습니다. 1월 중순에 수상자를 발표할 예정이니 기대해 주세요.
WebAssembly (Wasm) 및 WebGPU 개선으로 온디바이스 AI 성능 향상
Google은 웹이 누구나 사용할 수 있는 AI 지원 앱을 빌드하기에 가장 적합한 런타임이라고 생각합니다. 내장 AI API에 대한 작업을 보완하기 위해 자체 AI 모델을 웹으로 가져와 빠르게 실행할 수 있는 두 가지 기술인 WebGPU와 Wasm도 개선했습니다.
WebGPU에 16비트 부동 소수점 값과 패킹된 정수 점곱이 도입되어 컴퓨팅 셰이더로 기기의 GPU를 더 유연하게 사용할 수 있습니다. WebGPU의 향후 개선사항에는 하위 그룹 및 하위 그룹 행렬이 포함됩니다. 이러한 기능을 통해 앱은 GPU 스레드 간에 빠르게 통신하고 고정 크기 행렬 곱셈을 최대한 활용할 수 있습니다. 또한 2025년에 더 큰 AI 모델이 메모리에서 처리될 수 있도록 Wasm에 Memory64를 도입할 예정입니다.
View Transition API를 사용하면 원활한 탐색으로 사이트가 그 어느 때보다 연결된 느낌을 줍니다.
교차 문서 보기 전환과 같은 새로운 기능을 사용하면 여러 페이지에서 원활하고 유연한 탐색을 만들 수 있습니다. CSS 몇 줄만 있으면 성가신 새로고침 '깜박임'을 없앨 수 있습니다. 그 결과로 부드럽고 네이티브와 유사한 탐색을 통해 다중 페이지 아키텍처의 이점을 유지하면서 몰입도 높은 환경을 제공할 수 있습니다.
CSS 팝오버 및 앵커 위치 지정으로 JavaScript 없이 대화형 오버레이 사용 설정
이제 popover로 도움말, 메뉴, 기타 오버레이를 만들고 CSS 앵커 위치 지정 API를 사용하여 트리거 요소에 시각적으로 연결할 수 있습니다. 사용자가 스크롤하거나 창 크기를 조절할 때도 오버레이가 고정되고 표시되도록 하려면 약간의 CSS와 HTML만 있으면 됩니다. 사용자는 더 안정적이고 동적인 웹 환경을 경험할 수 있으며, 개발자는 z-index 관리와 복잡한 JavaScript 위치 지정 수학에서 벗어날 수 있습니다. 모두에게 이익이 되는 혜택입니다.
Speculation Rules API는 페이지를 사전 렌더링하여 거의 즉각적인 탐색을 지원합니다.
올해 Speculation Rules API를 통해 페이지 로드 시간이 빨라져 거의 즉시 로드됩니다. 이 API는 몇 줄의 JSON만으로 구현할 수 있으며, 페이지가 백그라운드에서 완전히 사전 렌더링되어 사용자가 원할 때마다 바로 사용할 수 있도록 지원합니다.
다음 페인트에 대한 상호작용 (INP)이 Core Web Vital이 됨
INP는 3월에 Core Web Vital로 최초 입력 반응 시간을 대체하여 첫 번째 사용자 입력을 넘어 페이지 응답성을 보다 포괄적으로 측정할 수 있도록 지원합니다. 그 이후로 모바일에서 '양호'한 INP를 갖는 사이트 수가 9% 증가했으며, 이는 웹 전반에서 더 빠르고 즐거운 사용자 환경을 제공한다는 의미입니다.
자동 완성으로 더 원활한 온라인 결제를 통해 사용자를 만족시키세요
브라우저에서 사용자의 저장된 정보로 양식 필드를 자동으로 채울 수 있는 자동 완성을 사용 설정하면 사용자가 양식 제출을 완료하도록 유도할 수 있습니다. Chrome팀이 수천 개의 온라인 양식에서 익명의 집계 데이터를 분석한 결과, 자동 완성 기능을 사용하면 양식 포기가 평균 75% 감소하는 것으로 나타났습니다. 긍정적인 결제 환경에 기여하는 요인은 많지만, 데이터에 따르면 자동 완성 기능이 유용한 역할을 할 수 있습니다.
자동 완성은 특히 전자상거래 결제 흐름에 유용합니다. Shopify에서 자동 완성을 사용하는 비회원 결제는 자동 완성을 사용하지 않는 비회원 결제보다 결제 전환율이 45% 더 높습니다.
Chrome DevTools가 AI 기반 솔루션으로 한 단계 업그레이드됨
Google에서는 콘솔 통계와 함께 Chrome DevTools에 Gemini를 도입하여 문제 해결을 위한 AI 기반 디버깅에 액세스할 수 있도록 했습니다. Google I/O 2024 이후 이 기능은 전 세계에서 사용할 수 있게 되었습니다.
또한 Gemini를 사용하여 스타일, 네트워크 요청, 소스, 성능과 같은 페이지의 기술 세부정보를 파악하는 데 도움이 되는 AI 지원 패널도 출시했습니다.
올해 실적 패널도 실시간으로 코어 웹 바이탈을 모니터링하고 주석을 추가하는 기능을 비롯해 많은 개선이 이루어졌습니다. 또한 성능 통계를 통해 Lighthouse의 기능을 성능 패널에 도입했습니다.
이러한 AI 지원 개선사항, 성능 패널 개선사항, 스크롤 배지와 같은 수십 개의 편의성 업데이트를 통해 Chrome DevTools는 그 어느 때보다 유용해졌습니다. 새로운 Gemini 2.0 모델을 통한 성능 업그레이드와 같은 추가 개선사항은 2025년에 제공될 예정입니다.
Baseline 2024를 통해 개발자에게 새로운 크로스 브라우저 웹 기능 제공
그라데이션 보간부터 등록된 맞춤 속성까지 Baseline 2024에는 지금까지 39개의 새로운 크로스 브라우저 웹 기능이 포함되어 있습니다. 기능이 최소 30개월 동안 Baseline에 포함된 후에는 상호 운용성을 걱정하지 않아도 됩니다. 하지만 도달범위가 줄어들 수 있음에도 불구하고 새 기능을 사용할 가치가 있는지 결정하려면 각 기준 버전의 기능과 전 세계 사용자 점유율을 보여주는 Akamai의 RUM Archive Insights를 확인하세요.
올해 가장 마음에 드는 Baseline 발표는 모든 웹 기능과 교차 브라우저 지원 수준을 보여주는 웹 플랫폼 상태 대시보드입니다. 더욱 흥미로운 점은 웹 플랫폼 상태 대시보드를 지원하는 데이터가 공개되어 있으며 자체 도구에 사용하고 통합할 수 있다는 것입니다. 기준 배너가 좋은 예입니다.
주요 브라우저에서 Interop 2024를 통해 더 많은 기능을 기준선으로 지정
Baseline에 더 많은 기능을 제공하기 위해 Google은 다시 한번 파트너와 협력하여 Interop 2024를 진행했습니다. 올해의 타겟 기능에는 팝오버, CSS 중첩, font-size-adjust, 상대 색상 문법이 포함됩니다.
Interop에서는 실험용 및 안정적인 브라우저 출시의 점수도 간략하게 설명합니다. 안정화 버전 브라우저의 전체 상호 운용성 점수는 현재 87이며, 연말이 다가옴에 따라 Chrome 안정화 버전의 점수는 98입니다. Interop 대시보드에서 브라우저의 진행 상황을 확인할 수 있습니다. Google은 이미 2025년 상호 운용성을 계획하고 있으며, 2월에 발표할 예정입니다.
새해에 함께 웹의 성장 도모하기
2024년의 성과도 놀랍지만, 앞으로는 더욱 밝은 미래가 펼쳐질 것입니다. 이 모든 것은 개발자 커뮤니티의 열정, 의견, 혁신 덕분입니다. BrazilJS Conference, DevFest Paris, Google I/O 2024, 최초의 Web AI Summit 등 전 세계에서 열린 이벤트에서 Google은 웹의 힘과 잠재력을 믿는 여러분의 마음이 Google과 같다는 것을 여러 차례 확인할 수 있었습니다.
이전보다 대담한 아이디어를 떠올리세요. Google은 이러한 아이디어를 실현할 수 있도록 최선을 다해 지원합니다. X, YouTube, LinkedIn에서 Google의 최신 소식을 받아보세요. 함께 웹의 힘을 재창조해 봅시다.