React Query Key Factory 패턴 사용기
React Query 쿼리 키를 도메인별 factory로 관리해 캐시 구조와 무효화 범위를 명확히 정리하는 방법을 소개했습니다. queryOptions와 useQueries까지 함께 묶어 재사용성과 유지보수성을 높이는 흐름을 설명했습니다.
#React Query#cache#queryOptions
3300
React Query Key Factory 패턴 사용기

React Query 쿼리 키를 도메인별 factory로 관리해 캐시 구조와 무효화 범위를 명확히 정리하는 방법을 소개했습니다. queryOptions와 useQueries까지 함께 묶어 재사용성과 유지보수성을 높이는 흐름을 설명했습니다.
실행 컨텍스트를 통해 자바스크립트의 스코프, 호이스팅, this 바인딩을 설명했습니다. 콜스택과 환경 레코드 흐름을 이해하면 디버깅과 코드 해석에 도움이 됩니다.

React Hook Form의 useForm 기본 사용법과 주요 기능을 정리했습니다. 또한 Controller, useController, useFieldArray, useFormContext 활용법도 함께 소개했습니다.

리액트 상태관리의 흐름을 MVC부터 Redux, Context API, React Query, Jotai까지 정리했습니다. 또한 서버 상태와 클라이언트 상태를 분리해 쓰는 현재의 실전 관점과 주의할 점도 짚었습니다.

Zustand의 상태 관리가 클로저와 React의 external store 구독으로 동작하는 방식을 설명했습니다. 또한 tearing 문제와 useSyncExternalStore의 역할을 통해 내부 원리를 따라 만들어 보았습니다.
