Blog
배움과 경험을 기록하고 가꾸는 공간입니다.
TanStack QueryReactCacheFrontend
Query Key는 캐시의 주소다
TanStack Query에서 Query Key를 어떻게 설계해야 하는지 정리합니다. Query Key를 단순한 이름이 아니라 캐시 주소로 보고, 의존값과 리소스 구조를 안전하게 담는 방법을 다룹니다.
Read more →
JavaScriptV8PerformanceReact
같은 자바스크립트인데 왜 더 느릴까: V8 Hidden Class와 Inline Cache
객체에 담긴 값이 아니라 객체의 모양이 성능을 바꾼다. V8의 Hidden Class와 Inline Cache가 어떻게 동작하는지, 그리고 React 코드에서 어떤 습관이 최적화를 깨뜨리는지 사례 중심으로 정리합니다.
Read more →
AgentDynamicSSE
개발자가 UI를 설계하지 않는 시대: Agentic Dynamic UI의 등장
지금까지의 사용자 경험(UX) 설계는 기획자와 개발자가 미리 정해놓은 시나리오 안에서만 움직였어요. 사용자가 마주할 수 있는 모든 경우의 수를 예측해서 화면을 만들고, 코드 곳곳에 조건문을 심어두는 방식이었죠. 하지만 이제는 서버 스트림 기술과 AI 에이전트의 결합으로, 유저의 맥락에 맞춰 실시간으로 UI가 생성되는 새로운 패러다임이 열리고 있어요.
Read more →
Next.jsContentlayerMDX
Hello, World!
첫 번째 블로그 포스트입니다. MDX와 Contentlayer의 작동을 확인합니다.
Read more →