기준을 사용하면 최신 브라우저 엔진에서 상호 운용이 가능하고 현재 사용해도 안전한 기능을 파악할 수 있습니다. 하지만 프로젝트에서 기준을 사용하려면 어떻게 해야 할까요? 이 페이지에서는 사용 방법을 결정하는 데 도움이 되는 자료와 그 과정에서 고려해야 할 사항을 제공합니다.

기준 작동 방식 알아보기

기준선은 세 가지 기준점을 통해 메시지의 명확성을 제공하여 작동합니다. 이러한 기준점은 핵심 브라우저 세트(Android 및 데스크톱용 Chrome, Android 및 데스크톱용 Firefox, macOS 및 iOS의 Safari, Edge)의 상호 운용성 수준을 나타냅니다. 이러한 라벨과 기호를 보면 최신 브라우저 엔진에서 웹 기능이 얼마나 잘 확립되어 있는지 빠르게 파악할 수 있습니다.

제한적으로 사용 가능 기능은 핵심 브라우저 세트에서 구현되지 않은 기능입니다. 이러한 기능을 사용하려면 폴리필과 점진적 개선을 고려하는 등 약간의 계획이 필요합니다.
새로 제공되는 기능은 최근에 핵심 브라우저 세트에 구현된 기능입니다. '새로 제공됨'으로 표시된 기능은 시간이 지남에 따라 브라우저 전반에서 더 광범위하게 지원될 것으로 예상할 수 있습니다.
광범위하게 사용 가능한 기능은 핵심 브라우저 세트에서 30개월 이상 상호 운용된 기능입니다. 기능이 Baseline Widely available이면 핵심 브라우저 세트에서 잘 지원될 것으로 예상할 수 있습니다.

프로젝트에서 Baseline을 사용하려면 사용할 Baseline 타겟을 결정해야 합니다. 기준선 타겟은 시간이 지남에 따라 상호 운용 가능한 기능을 더 추가하도록 발전하는 이동 타겟이거나 특정 연도의 최신 상호 운용 가능한 기능 집합을 나타내는 고정 타겟입니다. 이 가이드에서 데이터 기반 방식으로 기준선 타겟을 선택하는 방법을 알아보세요.

자세히 알아보기

프로젝트에 Baseline 추가

상호 운용 가능한 브라우저를 추적하는 것은 자체적으로도 작업이 될 수 있지만, Baseline을 프로젝트에 사용하고 이를 안내하는 도구를 사용하면 관련된 작업을 줄일 수 있습니다. Browserslist에는 프로젝트에서 기준을 최대한 간단하게 사용할 수 있도록 하는 여러 기본 제공 쿼리가 함께 제공됩니다.

이제 Browserslist에 내장된 기준 관련 쿼리를 사용하여 개발 린팅 및 패키징 도구에 기준을 추가하세요.
자세히 알아보기
이 Codelab을 통해 webpack, Babel, PostCSS를 사용하여 Baseline을 웹 프로젝트에 통합하는 방법을 알아보세요.
자세히 알아보기

Baseline 데모 확인하기

프로젝트에서 Baseline을 사용하는 방법을 파악하는 데 도움이 되는 아이디어를 찾고 있다면 다음 도구 통합 데모를 확인하여 시작해 보세요.

webpack 프로젝트에서 Baseline을 사용하는 방법을 알아보세요.
자세히 알아보기
롤업 프로젝트에서 기준선을 사용하는 방법을 알아보세요.
자세히 알아보기

모든 웹 기능이 상호 운용되는 것은 아니지만 그렇다고 해서 사용할 수 없는 것은 아닙니다. Baseline에서는 상호 운용되지 않는 기능을 사용할지 여부를 알려주지 않습니다. 이 문제는 직접 결정해야 하며, Google에서는 이와 관련해 고려해야 할 사항에 관한 가이드를 게시했습니다.

자세히 알아보기

자체 기준 도구 만들기

기준선에 사용할 특정 도구를 찾고 있지만 찾을 수 없나요? 기준 도구는 개발 중인 공간이므로 필요한 기능이 아직 개발되지 않았을 수 있습니다. 능동적인 유형이라면 자체 도구를 만들 수 있습니다. 이 도움말에서는 웹 기능 데이터를 몇 가지 방법으로 사용하여 나와 다른 사람이 유용하게 사용할 수 있는 도구를 만드는 방법을 보여줍니다.

웹 플랫폼 대시보드와 HTTP API를 쿼리하여 기준 도구를 빌드하는 방법을 알아봅니다.
자세히 알아보기
web-features npm 패키지의 데이터를 사용하여 자체 기준 도구를 만드는 방법을 알아보세요.
자세히 알아보기