React Query(리액트 쿼리): Query Keys
Query Keys 기본적으로 리액트 쿼리는 쿼리의 고유한 key를 바탕으로 해당 쿼리에 대한 캐싱을 관리한다.
2022 11 05
React Query(리액트 쿼리): Query Keys
Query Keys 기본적으로 리액트 쿼리는 쿼리의 고유한 key를 바탕으로 해당 쿼리에 대한 캐싱을 관리한다.
2022 11 05
React Query(리액트 쿼리): Query Functions
Query Functions 쿼리 함수는 프로미스를 리턴하는 함수이다.
2022 10 29
[코어 웹 바이탈 최적화] 프로젝트에서 FID 개선하기
TBT 향상을 통해 FID 개선하기
2022 10 28
React Query(리액트 쿼리)를 사용해보자: Queries
상태 관리 라이브러리로 Redux(Redux-saga, Redux-toolkit), Recoil을 사용해왔다. 프로덕트를 릴리즈한 이후에 캐싱에 대한 필요성이 대두되었다. 빈번하게 변경되는 데이터가 아니라면 매번 서버에 요청을 날리는 것보다, 캐싱된 정보를 제공하는 것이 서버의...
2022 10 28
[코어 웹 바이탈 최적화] 프로젝트에서 CLS 개선하기
CLS 메트릭에 좋지 않은 징조가 포착되었다. 크롬 개발자 도구의 Performance 패널에서 확인해보면 Experience 섹션이 생기면서 Layout Shift 레이아웃 이동이 발생하는 구간에 빨간색 블록이 생겼다.