상태관리·데이터

상태관리와 데이터 카테고리는 클라이언트 상태, 서버 상태, 캐싱, 비동기 데이터 흐름을 정리합니다. Zustand, TanStack Query, Firebase, Axios 같은 도구를 함께 다룹니다.

총 40개의 글

중급 17분 2026.05.06

Zustand에서 action을 사용해 상태 변경 로직을 컴포넌트 밖으로 분리하는 기준을 정리합니다. 필터 상태 예시를 통해 set 함수, 토글, 초기화, action 이름 짓는 방식을 함께 다룹니다.

초급 19분 2026.05.05

Zustand에서 state를 읽고 action으로 변경하는 기본 흐름을 정리합니다. selector, set 함수, 이전 state 기준 업데이트, UI 상태 관리 예시까지 함께 다룹니다.

초급 13분 2026.05.04

Zustand를 React 프로젝트에 설치하고 `create`로 기본 Store를 만드는 흐름을 정리합니다. 상태와 액션을 Store 안에 구성하고 컴포넌트에서 필요한 값만 선택해 사용하는 기준을 다룹니다.

초급 15분 2026.05.02

useState, props, Context, Redux Toolkit, TanStack Query와 비교해 Zustand가 필요한 상황을 판단하고 기본 store·action·selector를 예제로 정리합니다.

중급 16분 2026.04.27

TanStack Query staleTime gcTime 차이: 캐시 시간 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

중급 18분 2026.04.27

TanStack Query queryFn 사용법: 데이터 요청 책임 나누기을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

중급 31분 2026.04.13

Firestore seed data 설계: 리뷰 더미 데이터 구조 잡기을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

중급 13분 2026.02.12

Firebase .firebaseignore 작성법: 배포 제외 파일 관리을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

중급 14분 2026.01.28

TanStack Query queryKey 설계: 배열 키를 쓰는 이유을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.

중급 8분 2026.01.28

TanStack Query vs Zustand: 서버 상태와 클라이언트 상태 차이를 실제 작업 순서와 판단 기준 중심으로 정리합니다. 기존 개별 글을 어떻게 이어서 읽으면 좋은지 함께 안내합니다.