뉴스

디자인 토큰은 색·간격·글꼴을 이름 붙은 값으로 관리해 웹·앱을 한 번에 일관시킨다. 3계층 구조와 표준 JSON 포맷, 도입 함정까지 해설했다.

Speculation Rules API는 다음 페이지를 미리 렌더링해 클릭을 거의 0초처럼 만든다. prefetch와 prerender의 차이, 확신도 제어, 주의점을 정리했다.

INP는 첫 클릭 지연만 보던 FID를 대체해 방문 내내의 상호작용 응답성을 잰다. 세 구간으로 쪼개 보는 법과 실무 개선 전략을 정리했다.

자바스크립트 빌드가 초 단위로 빨라진 이유 — 파싱·변환을 러스트·Go 네이티브로 옮기고 병렬화한 esbuild·SWC 툴체인의 등장과 그 트레이드오프.

스타일 계산을 브라우저 실행에서 빌드 시점으로 앞당기는 제로 런타임 CSS. 런타임 방식의 비용과 정적 추출이 주는 성능 이점을 정리했다.

프론트엔드와 백엔드가 만나는 API 경계에서 타입이 사라지는 문제를 푸는 엔드투엔드 타입 안전성. 세 가지 해법과 런타임 검증의 필요성을 정리했다.

렌더링의 무게중심이 브라우저에서 다시 서버로 이동하고 있다. 서버 컴포넌트와 스트리밍이 번들과 체감 속도를 어떻게 바꾸는지 정리했다.

경쟁하던 프레임워크들이 시그널이라는 같은 반응성 모델로 수렴하고 있다. 자동 의존성 추적과 정밀 갱신의 원리, 가상 DOM과의 차이를 짚었다.

무거운 라이브러리 없이 브라우저 기본 기능으로 앱 같은 화면 전환을 구현하는 뷰 전환 API. 단일 문서와 문서 간 전환의 차이, 도입 방법과 한계까지 실무 관점에서 정리했다.

Vite 6가 정식 출시되었다. Environment API 도입과 HMR 성능 개선이 핵심 변경사항이다.

HTMX 2.0 출시. HTML 속성으로 AJAX/WebSocket 처리, SPA 프레임워크 없이 인터랙티브 웹앱 구현.