Google은 개발자가 교차 브라우저와 모든 사용자를 위해 멋지고 접근하기 쉬우며 빠르고 안전한 웹사이트를 구축할 수 있도록 돕고자 합니다. 이 사이트는 Chrome 팀원과 외부 전문가가 작성한 여정에 도움이 되는 콘텐츠를 모아놓은 공간입니다.
혁신적이고 새로운 웹 기술로 훨씬 더 쉬워진 사용 사례에 대해 알아보세요.
서드 파티 쿠키의 지원 중단에 대비하기 위해 지금 어떤 조치를 취해야 하는지 알아보세요.

새로운 기능

Google I/O 2023에서 Google은 Baseline을 발표했으며 이 이니셔티브와 이 이니셔티브가 중요하다고 생각하는 이유를 자세히 알아보세요.
2024년 1월에 공개 및 베타 웹브라우저에 출시된 흥미로운 기능을 살펴보세요.
Google의 Developer Advocate인 Una Kravets와 Adam Argyle이 CSS의 복잡한 측면을 이 팟캐스트의 혐오스러운 에피소드로 멋지게 분류한 사례를 살펴보세요.

CSS 및 UI 디자인

CSS 살펴보기

web.dev에서 업무에 활용할 수 있는 팁과 기법을 확인할 수 있습니다. 여기에서 최신 콘텐츠를 확인하세요.
사용자가 콘텐츠를 편안하게 읽을 수 있도록 사용자의 환경설정에 맞게 글꼴을 조정하는 방법입니다.
이제 모든 주요 엔진이 새로운 CSS 색상 공간과 함수를 지원합니다. 디자인에 활기를 불어넣는 방법을 알아보세요.
소스 맵으로 웹 디버깅 환경을 개선합니다.
이제 Subgrid가 세 가지 주요 엔진 모두에서 상호 운용이 가능합니다. 이 도움말에서 사용 방법을 알아보세요.

실적

Core Web Vitals

코어 웹 바이탈 및 기타 측정항목의 콘텐츠 더 빠른 웹사이트와 앱을 빌드하도록 지원합니다.
'다음 페인트에 대한 상호작용'은 공식적으로 코어 웹 바이탈이 되며 3월 12일에 최초 입력 지연을 대체합니다.
Interaction to Next Paint(다음 페인트와의 상호작용) 측정항목을 최적화하는 방법을 알아봅니다.
2023년 웹 상태를 기반으로 웹사이트의 코어 웹 바이탈 성능을 최적화하기 위한 권장사항 모음입니다.
이제 웹 바이탈 확장 프로그램에 더 많은 디버깅 정보가 표시되어 코어 웹 바이탈 문제의 근본 원인을 파악하는 데 도움이 됩니다.

웹 앱

PWA

기능이 우수한 웹 환경을 조성합니다.
현대적인 프로그레시브 웹 앱 개발의 모든 측면을 분석하는 과정입니다.
이제 변환 스트림이 Safari, Firefox 및 Chrome에서 지원되므로 마침내 황금기에 대비할 수 있습니다.
클립보드 패턴, 파일 패턴, 고급 앱 패턴 등 멋진 앱을 위한 환상적인 새로운 패턴 컬렉션을 살펴보세요.
Chrome 개발자 사이트에서 기능 API를 살펴봅니다.

접근성

모든 사용자에게 제공

모든 사용자가 사이트에 액세스할 수 있도록 하는 방법을 알아보세요.
새 과정은 접근성 관련 주제를 참고할 수 있는 훌륭한 진입점이자 참고 자료입니다.
디자인의 접근성 높은 색상 대비를 테스트하고 확인하는 세 가지 도구와 기법에 관한 개요입니다.
이 튜토리얼에서는 웹사이트에서 액세스 가능한 기본 탐색을 빌드하는 방법을 설명합니다. 의미론적 HTML, 접근성, ARIA 속성 사용이 때때로 도움이 되는 것보다 더 많은 해가 될 수 있는 방법에 대해 배웁니다.
엘리사 밴디는 내부 도구의 웹 접근성 및 문서 작업을 담당하는 Google 직원입니다.

결제 및 ID

사용자 로그인 및 결제

결제 및 사용자가 안전하게 앱에 로그인할 수 있도록 하기 위한 최신 기술과 권장사항을 확인하세요.
패스키를 사용하면 사용자 계정을 더 안전하고 간편하고 쉽게 사용할 수 있습니다.
기존 비밀번호 사용자를 수용하면서 패스키를 사용하는 로그인 환경을 만듭니다.
웹 결제와 작동 방식에 대해 자세히 알아보세요.
사용자가 최대한 쉽고 빠르게 주소 및 결제 양식을 작성하도록 지원하여 전환수를 극대화하세요.

개발자 뉴스레터

받은편지함에서 바로 최신 소식, 기술, 업데이트를 받아보세요.