#프론트엔드
-
Web Performance 최적화: INP·LCP·CLS 실전 분석
Core Web Vitals는 "빠르다"는 느낌을 세 숫자로 쪼갠다. 첫 화면이 언제 보이는지LCP, 눌렀을 때 언제 반응하는지INP, 화면이 얼마나 흔들리는지CLS다. 세 숫자는 실제 사용자 데이터의 75번째 백분위로 평가되고, 각각 몇 개의 하위 구간으로 나눠야 고칠 곳이 보인다.
-
TanStack Query와 Server State 관리 아키텍처
화면에 보이는 데이터 대부분은 브라우저가 아니라 서버가 주인이고, 이것을 전역 스토어에 복사해 두는 순간 "언제 다시 받아야 하나"라는 문제가 코드 곳곳으로 흩어진다. 이 글은 TanStack Query v5를 기준으로 Server State를 캐시로 다루는 구조, Query Key 설