Signals — 프레임워크 반응성이 수렴하는 지점
Solid, Preact, Angular, Vue, Svelte가 서로 다른 이름으로 같은 것을 향해 갑니다. Signals라는 반응성 원시 개념과, 이것이 왜 지금 이슈인지 정리합니다.
BestOW's Blog
나를 기록하는 블로그
최근 글
INP — FID를 대체한 반응성 지표, 무엇이 달라졌나
2024년 3월, Core Web Vitals의 반응성 지표가 FID에서 INP로 바뀌었습니다. 무엇을 재고, 왜 더 엄격하며, 어떻게 개선하는지 정리합니다.
컨테이너 쿼리 — 뷰포트가 아니라 "부모 너비"에 반응하기
미디어 쿼리는 화면 크기만 봅니다. 컨테이너 쿼리는 컴포넌트가 놓인 자리의 크기에 반응해, 진짜 재사용 가능한 컴포넌트를 만듭니다.
CSS :has() — 드디어 온 "부모 선택자"
20년 넘게 CSS에 없던 부모 선택자. :has()는 단순한 부모 선택을 넘어 상태 기반 스타일링의 판을 바꿉니다.
TypeScript satisfies — 타입 검사와 추론을 동시에
`as`는 위험하고, `: Type`는 타입을 넓혀버립니다. satisfies는 "검사는 하되 좁은 추론은 유지"하는 세 번째 길입니다.
불변 배열 메서드 — toSorted, toReversed, with (ES2023)
sort()가 원본을 바꿔서 React 상태가 꼬인 경험이 있다면. ES2023의 불변 배열 메서드가 그 문제를 문법 차원에서 없앱니다.
structuredClone — JSON 깊은 복사의 함정에서 벗어나기
`JSON.parse(JSON.stringify(x))`로 깊은 복사하던 시절은 끝났습니다. structuredClone이 무엇을 되고 무엇을 안 되는지 정확히 정리합니다.
AbortController — 비동기 취소의 표준 도구
fetch 취소로만 알고 있다면 절반만 쓰는 겁니다. 리스너 정리, 타임아웃, 신호 결합까지 AbortController의 실전 활용을 정리합니다.
클로저는 어떻게 메모리 누수가 되는가
클로저는 강력하지만, 무엇을 붙잡고 있는지 모르면 누수가 됩니다. SPA에서 흔한 누수 패턴과 진단법을 정리합니다.
MPA가 다시 빨라진다 — 2026년 View Transitions와 "적게 보내기"의 귀환
View Transitions API가 Baseline에 오르면서, 자바스크립트 없이도 페이지 전환이 SPA처럼 매끄러워졌습니다. 2026년 프론트엔드가 다시 서버·MPA로 무게추를 옮기는 흐름을 정리합니다.