dev-weekly 2026-08-08

#css#view-transitions#testing#playwright#cloudflare#react#npm#ai

CSS

Styling the Navigation: Declarative Route and Navigation Matching in CSS

  • 페이지 전환 시 from, to에 따라 다르게 애니메이션을 적용하고 싶지만 스크립트를 넣으면 급격히 복잡.
  • CSS @route, @navigation 을 정의해서 패턴 매칭으로 CSS로 컨트롤 하는 드래프트

Javascript

Your SPA Is Leaking Memory. Soak Test It

  • 소크 테스트란 서버에 스크립트를 연결하여 일정 시간 가상 트래픽을 전송하는 것. SPA도 네이티브 앱 처럼 되었기 때문에 소크 테스트가 필요.
  • playwright에서 CDP(Chrome DevTools Protocol)를 메모리 메트릭 수집하기.
  • page.clock.runFor() 를 통한 시간 조작, page.routeWebSocket() 을 통한 모킹

Dogfooding at scale: migrating cdnjs to Cloudflare’s Developer Platform

  • 하루 90억건 요청 - 브라우저가 ESM을 지원하고 번들러도 있지만 LLM이 cdnjs를 선호.
  • 지속적인 개선을 위해 서버리스로 마이그레이션. 2020년의 아키텍처와 현재의 아키텍처

Open source UI kit for modern document apps

  • PDF, Docx, Xlsx, CSV 파일 뷰어를 제공하는 리액트 컴포넌트.
  • 바운딩 박스 인용, 파일 업로드, 전자 서명 등 기능 제공.

Nodejs

vlt 1.0 & Hosted Package Registries

  • npm 대체를 위한 패키지 매니저 제작.
  • 디펜던시 그래프에 대해 CSS selector 비슷한 신택스로 질의 가능. 이 디펜던시가 eval을 사용하는가 같은 쿼리도 가능.
  • npm registry API와 호환

AI

TIME Is Serving AI Bots a Different Website, With Ads Built In

  • 타임지는 사람과 크롤러가 접속했을때는 일반 사이트를 보여주지만, AI bot (보조 크롤러)이 방문하면 광고를 띄움. 사람은 절대 마주치지 않은 마크다운안에 FAQ 를 숨김.

ETC

Release

관련 글