react2026.04.19
React Query 캐시 전략으로 PR 댓글 API 요청을 10회에서 0회로 줄인 과정
CodeMate의 PR 댓글 화면에서 React Query의 `invalidateQueries`와 `setQueryData`를 비교하며, 변경분만 반영해 네트워크 요청을 줄인 과정을 정리했습니다.
Tags
Allreactnextjstypescriptreact-querycacheperformancecodematesetQueryDatainvalidateQuerieswebsocketrealtimecommentsserver-componentspromise-alloptimizationreact native드래그 앤 드롭성능 최적화ZustandReact.memoselector칸반보드props drillingPanResponderuseMemouseRefuseNativeDriver리렌더링자동 스크롤requestAnimationFramePortalContext APIAnimatedhooks트러블슈팅google mapexpo-location졸업작품JavaScriptdeepdiveuseStatehooknext.jsSSRSuspense렌더링테스트dev toolsSSGAlgorithm프로그래머스PCCPlv2이분탐색클로저생명주기Virtual DOM백준golddfslv3bfs
로 대시보드 응답 시간 2배 단축하기/index.png)