Signals — 프레임워크 반응성이 수렴하는 지점
Solid, Preact, Angular, Vue, Svelte가 서로 다른 이름으로 같은 것을 향해 갑니다. Signals라는 반응성 원시 개념과, 이것이 왜 지금 이슈인지 정리합니다.
#frontend
INP — FID를 대체한 반응성 지표, 무엇이 달라졌나
2024년 3월, Core Web Vitals의 반응성 지표가 FID에서 INP로 바뀌었습니다. 무엇을 재고, 왜 더 엄격하며, 어떻게 개선하는지 정리합니다.
컨테이너 쿼리 — 뷰포트가 아니라 "부모 너비"에 반응하기
미디어 쿼리는 화면 크기만 봅니다. 컨테이너 쿼리는 컴포넌트가 놓인 자리의 크기에 반응해, 진짜 재사용 가능한 컴포넌트를 만듭니다.
CSS :has() — 드디어 온 "부모 선택자"
20년 넘게 CSS에 없던 부모 선택자. :has()는 단순한 부모 선택을 넘어 상태 기반 스타일링의 판을 바꿉니다.
MPA가 다시 빨라진다 — 2026년 View Transitions와 "적게 보내기"의 귀환
View Transitions API가 Baseline에 오르면서, 자바스크립트 없이도 페이지 전환이 SPA처럼 매끄러워졌습니다. 2026년 프론트엔드가 다시 서버·MPA로 무게추를 옮기는 흐름을 정리합니다.