게시일: 2025년 9월 11일
8월이 지나면서 Baseline에 주목할 만한 개발을 비롯해 더 많은 일이 일어났습니다.
CSS 컨테이너 쿼리가 이제 Baseline Widely available로 제공됩니다.
CSS 컨테이너 쿼리가 2023년에 모든 주요 브라우저 엔진에 도입되었습니다. 이는 다양한 컨텍스트에서 페이지 스타일을 변경할 수 있다는 점에서 미디어 쿼리와 큰 차이가 있습니다. 미디어 쿼리를 사용하면 기기의 화면 크기에 따라 스타일을 변경할 수 있고, 컨테이너 쿼리를 사용하면 요소 크기에 따라 스타일을 변경할 수 있습니다. 이를 통해 스타일 캡슐화 및 개발자 경험 측면에서 많은 실질적인 이점을 얻을 수 있으며, 8월부터 컨테이너 쿼리가 Baseline Widely available이 되었습니다.
컨테이너 쿼리를 처음 사용하는 경우 최근에 Learn CSS가 업데이트되어 컨테이너 쿼리에 관한 모듈을 비롯한 새로운 모듈이 추가되었습니다. 대부분의 사이트에서 이제 안심하고 채택할 수 있는 이 흥미로운 기능을 사용하는 방법을 배울 수 있는 훌륭한 리소스입니다.
8월에 Baseline이 된 기타 기능
올해 8월에 Baseline에서 널리 사용 가능하게 된 것은 컨테이너 쿼리뿐만이 아닙니다. 다음 두 기능도 정식 출시되었습니다.
또한 선택된 범위로 구성된 범위가 8월에 기준선으로 새로 제공되었습니다.
MDN에서 Baseline에 중점을 둔 새로운 프런트엔드 출시
최근 Mozilla는 MDN을 위한 새로운 프런트엔드를 출시했는데, 이 프런트엔드는 처음부터 완전히 다시 설계되고 재엔지니어링되었습니다. 새 프런트엔드는 가독성, 검색 개선 등 여러 UI 개선사항을 제공합니다.
새 프런트엔드를 빌드할 때 MDN은 널리 사용 가능한 기능을 의도적으로 타겟팅하여 어떤 기능을 사용하는 것이 가장 합리적인지 판단하는 기준으로 Baseline을 사용했습니다. 널리 제공되지 않는 다른 기능의 경우 MDN은 사례별로 폴리필을 채택하거나 실용적인 경우 점진적 개선을 사용하기로 결정했습니다. MDN에서는 새로운 프런트엔드를 구축한 방법에 관한 기술 세부정보를 포함한 후속 게시물을 게시할 예정이니 기대해 주세요.
Baseline 도구 해커톤이 시작되었습니다.
기술적으로 8월에 발생한 일은 아니지만, 이번 달 초에 기준 도구 해커톤이 시작되었다는 점을 언급할 만합니다. 이 해커톤은 10월 6일까지 진행되며 상품은 다음과 같습니다.
- 1등: 5,000달러
- 1등: 3,000달러
- 3등: 1,000달러
- 가장 가치 있는 의견 (10명): 각 100달러
또한 상위 3명의 수상자는 web.dev 블로그에 소개되며 Chrome팀과 30분간의 비공개 피드백 및 전략 세션을 진행합니다. 자세한 내용과 등록 방법은 해커톤에 관한 블로그 게시물을 참고하세요.
마무리
Baseline의 또 다른 한 달이 마무리되었습니다. 평소와 마찬가지로 Baseline과 관련된 누락된 내용이 있으면 알려주세요. 향후 버전에서 반영하도록 하겠습니다. 한 달 후에 만나요.