게시일: 2025년 10월 27일
지난달 Google은 개발자가 최신 웹 기능을 더 많이 채택할 수 있도록 지원하는 가장 혁신적이고 유용한 새로운 도구를 빌드해 달라는 요청과 함께 기준 도구 해커톤을 시작했습니다. 시계가 멈췄을 때 3,000명에 가까운 개발자가 참여하여 수백 개의 프로젝트를 제출했습니다. 기발하고 혁신적이며 재미있는 제출작이 많았지만, 10,000달러의 상금 풀을 나눠 가질 수 있는 사람은 3명뿐입니다. 신중한 고려 끝에 심사위원들이 최종 우승자를 선정했습니다.
🥇 1등은 Ryuya Hasegawa님이 제출한 eslint-plugin-baseline-js입니다.
JavaScript 기능의 Baseline 상태를 확인하고 구성된 Baseline 타겟보다 최신 항목에 플래그를 지정하는 ESLint 플러그인입니다. JavaScript 및 TypeScript 환경에서 작동하며 수백 가지 기능을 지원합니다.
이 제출작에서 가장 눈에 띄는 점은 유용성입니다. 일반적인 개발자가 실제로 이 도구를 사용하고 혜택을 누릴 가능성이 높습니다. 공식적으로 지원되는 CSS용 ESLint 및 HTML ESLint 커뮤니티 플러그인과 같은 기존 도구를 보완하여 ESLint 생태계에 깔끔하게 들어맞습니다. 새로 출시, 널리 사용 가능, 기준 연도와 같은 기준 타겟의 친숙한 구성 옵션을 사용하면 모든 코드에서 일관된 환경을 기대할 수 있습니다. 또한 설치 안내, 권장사항, 예시 등 고품질 문서가 제공되어 빠르게 시작할 수 있습니다.
내부적으로 플러그인은 웹 기능 호환성의 정보 소스로 web-features 데이터 세트와 동기화됩니다. 소스 코드에서 이러한 기능을 감지하기 위해 플러그인은 취약한 정규식을 사용하는 대신 ESLint 코어 및 eslint-plugin-es-x와 통합됩니다. 또한 훨씬 더 안정적으로 기능을 감지할 수 있는 typescript-eslint 파서도 지원합니다.
전반적으로 매우 혁신적이고 유용한 도구로, 최고의 상을 받을 만합니다. 사용해 보시기 바랍니다. 소스 코드를 자세히 살펴보거나 문제를 제기하려면 GitHub(3ru/eslint-plugin-baseline-js)에서 확인할 수 있습니다.
🥈 2등은 Technickel Dev가 제출한 baseline-mcp입니다.
웹 기능 호환성 및 기준 상태에 관한 정확한 정보를 통해 AI 지원 개발 워크플로를 제공하는 MCP 서버입니다.
웹 개발에서 AI가 얼마나 보편화되었는지 부인할 수 없습니다. 따라서 에이전트가 더 현대적인 코드를 생성하도록 유도하는 이러한 도구가 점점 더 중요해지고 있습니다. 이 프로젝트는 신뢰할 수 있는 web-features 데이터를 기반으로 웹 기능에 관한 다양한 질문에 답변할 수 있는 유용한 MCP 도구를 상담사에게 제공하여 이러한 요구사항을 잘 해결합니다. 특정 기능 ID의 기준 상태를 조회하는 것과 같은 반복적인 작업을 수행할 뿐만 아니라 컨텍스트를 기반으로 올바른 기능 ID를 파악하고 오래된 웹 기능의 최신 대안을 제안하는 것과 같은 논리적 작업도 수행할 수 있습니다.
웹 클라이언트 데모에서 사용해 보고 GitHub 저장소에서 설치 안내, 서버와 상호작용하는 방법, 소스 코드를 확인하세요.
🥉 3위는 조란 잠보르가 제출한 동영상 기준 상태입니다.
동영상에 삽입된 기준 위젯을 생성하는 웹 애플리케이션입니다.
기준의 역할은 MDN 문서, caniuse 문서, VS Code 및 WebStorm과 같은 IDE에서 참조할 수 있는 웹 기능에 관한 명확한 브라우저 호환성 정보를 제공하는 것입니다. 하지만 개발자는 YouTube와 같은 다른 곳에서도 웹 기능에 관한 정보를 얻습니다. 이 프로젝트를 통해 동영상 크리에이터와 웹 인플루언서는 맞춤설정 가능하고 동영상 친화적인 방식으로 기능의 기준 정보를 더 쉽게 생성할 수 있습니다. 가장 인기 있는 웹 인플루언서의 광범위한 도달범위를 고려할 때 이 도구가 더 많은 개발자에게 기준에 대한 인식을 확산하는 데 도움이 될 수 있을 것으로 기대됩니다.
이 도구는 <baseline-status> 웹 구성요소를 기반으로 하며, 이 구성요소는 Web Platform Dashboard API를 사용하여 입력한 기능 ID의 기준 상태와 브라우저 구현 세부정보를 가져옵니다. 앱은 편집 소프트웨어에서 키잉할 수 있는 단색 배경 위에서 위젯이 애니메이션으로 표시되고 사라지는 것을 녹화합니다.
동영상 기준 상태 앱을 방문하여 직접 사용해 보거나 GitHub에서 소스 코드를 살펴보세요.
수상자 여러분께 진심으로 축하의 말씀을 전합니다. 프로젝트를 제출하고 피드백 설문조사를 완료한 다른 모든 분들께도 감사드립니다. 창의적이고 영감을 주는 프로젝트에 쏟아주신 시간과 노력에 진심으로 감사드립니다. '가장 가치 있는 의견' 부문의 10명의 수상자에게 모두 알림이 전송되었으며, 전반적으로 가치 있고 실행 가능한 제안이 너무 많아 적절한 팀에 전달하여 Baseline을 더욱 개선할 예정입니다.