웹 플랫폼 기준을 사용하면 웹 플랫폼 기능에 대한 브라우저 지원에 관한 정보를 명확하게 파악할 수 있습니다.

기준은 현재 프로젝트에서 사용할 수 있는 웹 플랫폼 기능에 대한 명확한 정보를 제공합니다. 도움말을 읽거나 프로젝트에 사용할 라이브러리를 선택할 때 사용되는 기능이 모두 기준에 포함되어 있으면 브라우저 호환성 수준을 신뢰할 수 있습니다.

기준은 누가 정의하나요?

기준은 Chrome팀에서 시작한 것으로 현재 WebDX 커뮤니티 그룹에서 정의하고 있습니다.

기준에는 두 단계가 있습니다.

  • 새로 제공: 이 기능은 모든 핵심 브라우저에서 지원되므로 상호 운용이 가능합니다.
  • 광범위하게 사용 가능: 새로 상호 운용 가능한 날짜로부터 30개월이 지났습니다. 이 기능은 지원에 대해 걱정하지 않고 대부분의 사이트에서 사용할 수 있습니다.

새로 제공되기 전에는 브라우저에서 아직 지원되지 않는 기능의 사용 가능 여부가 제한적입니다.

  • Chrome (데스크톱 및 Android)
  • 에지
  • Firefox (데스크톱 및 Android)
  • Safari (macOS 및 iOS)

I/O 기준점

Google I/O가 시작되었습니다. 기준치 및 웹 전반의 새로운 소식을 공유해 드립니다. 이 게시물에서 자세히 알아보세요.
자세히 알아보기

기준 및 도구

기준선이 성숙해짐에 따라 점점 더 많은 개발자가 기준선을 개발 워크플로에 통합하기 시작했습니다. 기준선을 통합하는 최신 도구와 자체 도구를 빌드하는 데 사용할 수 있는 리소스에 대해 알아보세요.
Browserslist에 기준 쿼리 지원이 추가되었습니다. 개발자 워크플로에 어떤 영향을 미칠 수 있는지 알아보세요.
자세히 알아보기
web-features npm 패키지의 데이터를 사용하여 자체 기준 도구를 만드는 방법을 알아보세요.
자세히 알아보기
웹을 개선하고 현금 상품을 받을 기회를 잡고 싶으신가요? Baseline Tooling 해커톤에 참여하세요.
자세히 알아보기
이제 Chrome DevTools의 요소 패널에서 CSS 속성의 기준 정보를 확인할 수 있습니다.
자세히 알아보기
이 Codelab을 통해 Baseline을 프로젝트에 통합하는 방법을 알아보세요.
자세히 알아보기
웹 플랫폼 대시보드 개선사항을 발표합니다.
자세히 알아보기
기준 Netlify 확장 프로그램을 사용하면 개발자가 사용자가 가장 잘 지원하는 기준 타겟을 파악할 수 있습니다. 이 게시물에서 사용 방법을 자세히 알아보세요.
자세히 알아보기
VS Code의 새로운 기준 지원에 대해 알아보세요.
자세히 알아보기
browserslist-config-baseline을 사용하여 개발 린팅 및 패키징 도구에 기준을 추가합니다.
자세히 알아보기
웹 플랫폼 대시보드와 HTTP API를 쿼리하여 기준 도구를 빌드하는 방법을 알아봅니다.
자세히 알아보기
이제 ESLint를 사용하여 CSS를 린트하고 프로젝트에서 기준 CSS 기능 사용을 적용할 수 있습니다. 이 블로그 게시물에서 자세히 알아보세요.
자세히 알아보기
RUMvision에서 기준 정보와 RUM 데이터를 통합한 방법
자세히 알아보기

기준 이론

프로젝트에서 기준을 채택하려면 몇 가지 고려사항이 있습니다. 이 자료는 폴리필링, 도구 등과 관련된 어려운 질문에 답하는 데 도움이 됩니다.
기준 타겟의 정의, 타겟을 선택하는 방법, 개발 환경에 미치는 영향에 대해 알아보세요.
자세히 알아보기
폴리필을 사용해야 하는 시기를 파악하는 것은 쉽지 않은 결정이지만 기준 기능을 사용하면 이 질문에 답하는 데 도움이 됩니다. 이 가이드에서 자세히 알아보세요.
자세히 알아보기

기준 월간 요약

Baseline 월간 요약은 새로운 기능, 커뮤니티 업데이트, 기타 적절한 내용을 포함하여 Baseline에서 매월 있었던 일을 요약하는 월간 뉴스레터입니다.
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기
자세히 알아보기

기준 타겟

특정 연도에 기능이 기준의 일부가 되면 기능 세트(기준 타겟이라고도 함)로 그룹화됩니다. 다음은 지금 바로 사용할 수 있는 기능을 살펴볼 수 있는 타겟 중 일부입니다.
2025년에는 아직 출시되지 않은 브라우저가 많이 있으며, 출시되면 기준 2025의 일부가 됩니다. 올해 새 기능이 발표될 때마다 계속해서 확인해 주세요.
2025년 기준 기능
2024년에 새로 제공되는 기준의 일부가 되는 모든 항목은 2024년 기준이라고 할 수 있습니다. 2024년 말에 YouTube는 한 해 동안 출시된 모든 기능을 요약한 게시물을 게시했습니다.
기준: 2024년 기능
2023년에 새로 제공되는 기준의 일부가 되는 모든 항목은 2023년 기준이라고 할 수 있습니다. 2023년 말에 한 해 동안 출시된 모든 기능을 요약한 게시물을 게시했습니다.
기준: 2023년 기능
크기 컨테이너 쿼리가 2023년 2월에 기준으로 새롭게 제공되었습니다.
:has()가 2023년 12월에 기준이 되었습니다.
하위 그리드가 기준이 되었습니다. 2023년 9월에 새로 사용할 수 있습니다.
2023년 8월에 nesting이 기준이 되었습니다.
<search> 요소는 2023년 10월에 새로운 기준이 되었습니다.
2023년 11월부터 반응형 동영상이 기준이 되었습니다.
inert 속성이 2023년 4월에 새로운 기준이 되었습니다.
Constraint Validation API가 2023년 3월에 새로운 기준으로 제공되었습니다.
:user-valid 및 :user-invalid가 2023년 10월에 새로운 기준으로 제공되었습니다.
압축 스트림이 2023년 5월에 새로운 기준으로 제공되었습니다.
선언적 Shadow DOM은 2024년 2월에 새로운 기준이 되었습니다.
팝오버는 2025년 1월에 새로운 기준으로 제공되었습니다.

기준 확인 위치

MDN에서 속성의 기준 상태를 확인합니다.
MDN에서 기준 찾기
'사용 가능 여부'에서 기준 상태를 확인하여 기능을 사용할 준비가 되었는지 확인합니다.
Can I Use
기준을 사용하여 기사 및 프레젠테이션의 기능 상태를 명확히 합니다.
기준 상태 표시