#상태 관리
8 편의 글
리액트 상태 관리 심화 #6 어떤 도구를 언제 — 결정 가이드
빌트인 도구부터 TanStack Query, Zustand, Jotai, Redux Toolkit까지를 한 장의 결정 흐름으로 묶습니다. 상황별로 무엇을 꺼낼지, 흔한 함정은 무엇인지 정리하는 시리즈 마무리입니다.
리액트 상태 관리 심화 #5 Redux Toolkit과 레거시 컨텍스트
한 시대를 지배했고 지금도 많은 코드베이스에 남아 있는 Redux를, 현재 권장 형태인 Redux Toolkit으로 정리합니다. 슬라이스, 스토어, useSelector와 새 프로젝트에서의 위치를 짚습니다.
리액트 상태 관리 심화 #4 Jotai와 원자(atom) 모델
상태를 하나의 스토어가 아니라 작은 원자로 쪼개 조립하는 Jotai의 상향식 모델을 다룹니다. 원자, 파생 원자, useAtom의 동작과 Zustand와의 차이를 정리합니다.
리액트 상태 관리 심화 #3 Zustand로 다루는 가벼운 클라이언트 상태
Provider 없이, 최소한의 보일러플레이트로 전역 클라이언트 상태를 공유하는 Zustand를 다룹니다. 스토어 생성, 셀렉터로 리렌더 최적화, persist 미들웨어까지 정리합니다.
리액트 상태 관리 심화 #2 TanStack Query로 다루는 서버 상태
useEffect와 useState로 짜던 데이터 페칭을 TanStack Query로 옮기면 캐싱, 재요청, 로딩과 에러 처리가 자동으로 따라옵니다. useQuery와 useMutation의 핵심을 정리합니다.
리액트 상태 관리 심화 #1 클라이언트 상태와 서버 상태의 차이
useState만으로 부족해지는 지점을 짚고, 클라이언트 상태와 서버 상태를 구분하는 멘탈 모델을 세웁니다. 상태 관리 도구 선택의 출발점입니다.
앵귤러 실전 강좌 #4 상태 관리 — SignalStore로 정리
앞 글에서 ProductService에 직접 끼워넣었던 시그널 상태를, 이번 글에서는 @ngrx/signals의 SignalStore로 옮겨 정리합니다. withState/withComputed/withMethods/withHooks 4총사로 상태,파생값,메서드,라이프사이클을 한 곳에 모으는 흐름을 차근차근 따라가봅니다.
자바스크립트 실전 #5 로컬 스토리지와 가벼운 상태 관리
localStorage / sessionStorage의 사용법과 함정, 그리고 라이브러리 없이 화면 상태를 깔끔하게 관리하는 패턴까지 정리합니다.