올해 Google I/O에서 발표된 내용을 요약한 내용입니다.
Google IO 2022에서 Google은 기기나 대역폭에 관계없이 즉각적이고 사용자를 연결하는 웹을 만들기 위한 노력의 진행 상황을 업데이트했습니다. 브라우저에서는 불가능하다고 생각했던 경험을 제공하는 강력한 플랫폼입니다. 그리고 사람들이 데이터를 안전하게 보호한다고 신뢰할 수 있습니다. 사람들이 좋아할 만한 환경을 쉽게 구축할 수 있도록 돕는 방법을 요약해 보겠습니다.
인스턴트 웹
훌륭한 웹 성능은 브라우저와 웹 개발자 간의 파트너십입니다. 이에 따라 Google에서는 3가지 Core Web Vitals를 통해 웹사이트의 실적을 쉽게 측정할 수 있도록 했습니다. vitals를 최적화하면 사용자 환경이 개선되고 Google 검색을 통해 검색 가능성이 높아집니다. 실제 코어 웹 바이탈 세션을 통해 전 세계 웹사이트에서 더 나은 사용자 환경을 달성하기 위해 점수를 최적화하는 방법을 알아보세요.
콘텐츠가 포함된 최대 페인트 (LCP)는 인지된 로드 속도를 측정하는 중요한 사용자 중심 측정항목입니다. LCP가 빠르면 주요 콘텐츠가 로드된 시점이 페이지 로드 타임라인에 표시되므로 사용자가 페이지가 유용하다고 안심하는 데 도움이 됩니다. 이 복잡한 측정항목에 대해 자세히 알아보려면 LCP 최적화 자세히 알아보기 세션을 확인하세요.
또 다른 새로운 성능 측정항목은 Interaction to Next Paint(다음 페인트에 대한 상호작용)(INP)입니다. 최초 입력 반응 시간과 달리 이 방식은 첫 번째 상호작용뿐 아니라 한 페이지의 모든 상호작용을 고려합니다. 따라서 INP는 사용자가 경험하는 상호작용 지연 시간을 더 잘 캡처합니다. 자세한 내용은 웹 반응성 상태 세션을 참고하세요. 성능 여정에 도움이 필요한 경우 Chrome DevTools의 새로운 성능 통계 패널과 함께 여러분의 의견을 바탕으로 한 더 많은 업데이트를 확인해 보세요.
강력한 기능
지난 I/O 이후 안정적인 Chrome에 일련의 새로운 API가 출시되었습니다. 이를 통해 사용자는 강력하고 새로운 웹 환경을 경험할 수 있습니다. 제가 가장 좋아하는 사례 중 하나는 Adobe의 Creative Cloud를 웹 환경에 도입한 과정입니다. 우선 Photoshop과 Illustrator를 들 수 있습니다.
또한 웹사이트를 기본 운영체제 및 하드웨어와 통합할 수 있는 방법을 지속적으로 확대하고 있습니다. 이제 고급 앱은 운영체제와 원활하게 통합할 수 있으므로 사용자는 데스크톱이나 홈 화면에서 앱을 찾거나 파일에 쉽게 액세스할 수 있습니다. 또한 Google에서는 설치 가능성을 지속적으로 개선했으므로 더 풍부한 설치 환경을 만드는 방법을 확인해 보세요.
안전 및 보안
Chrome의 혁신은 사용자 개인 정보 보호 및 보안에 대한 Google의 노력에도 영향을 미칩니다. 그렇기 때문에 Google에서는 개발자가 사용자를 안전하게 보호하면서 기능을 유지할 수 있는 경로를 제공함으로써 다른 접근 방식을 취하고 있습니다. 이것이 Google의 개인 정보 보호 샌드박스 비전입니다. 서드 파티 쿠키를 단계적으로 지원 중단하고 크로스 사이트 추적 없이 새로운 API를 제공하기 위해 Google에서 이룬 발전에 대해 자세히 알아보세요. 웹 기능을 유지하면서 사용자 개인 정보를 보호하는 데 도움이 되는 여러 가지 새로운 오리진 트라이얼에 지금 참여할 수 있습니다.
피싱으로부터 사용자를 안전하게 보호하려면 더 나은 인증 방법이 필요합니다. Google에서는 패스키를 사용한 로그인 및 비밀번호의 불편함을 없애고 있습니다. 자세한 내용은 비밀번호 없는 세상으로 가는 길 세션에서 자세히 알아보세요.
아름답고 즐거운
작년에는 CSS와 레이아웃 프리미티브의 모든 브라우저에서 큰 개선이 이루어졌습니다. Chrome의 경우 RenderingNG를 통해 개발자들이 오랫동안 기다려온 여러 기능을 제공할 수 있었습니다. CSS 상태를 시청하고 현재와 미래에 사용 가능한 새로운 스타일 지정 API를 살펴보세요. 컨테이너 쿼리, 서브 그리드, 색상 함수를 살펴보거나 공유 요소 전환 강연에서 페이지 간의 원활한 전환을 지원하기 위한 Google의 노력을 확인할 수 있습니다.
웹 개발 간소화
Google은 Android 앱, TV, VR 헤드셋에서 웹을 사용할 수 있도록 지원하는 오픈소스 브라우저 프로젝트인 Chromium을 통해 혁신을 공유하며, 다른 브라우저의 기반이 되는 엔진이기도 합니다.
Google은 여러 브라우저에서 작동하는 기능을 구축하는 데 우선순위를 두고 있습니다. 기능이 상호 운용되도록 하여 더욱 손쉬운 웹 개발을 위해 Google이 다른 브라우저와 함께 어떻게 협력하고 있는지 알아보세요. 이를 통해 개발자는 사용자를 위한 풍부한 웹 환경을 빌드하는 데 집중할 수 있습니다.
마지막으로 웹 플랫폼의 새로운 기능 기조연설을 확인해 보세요. 웹 플랫폼의 최신 기능과 브라우저 전반의 사용 가능 여부에 대해 설명하여 사이트 및 앱에서 언제 이러한 기능을 사용할 수 있는지 알아볼 수 있습니다.
