#리액트
85 편의 글
리액트 상태 관리 심화 #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만으로 부족해지는 지점을 짚고, 클라이언트 상태와 서버 상태를 구분하는 멘탈 모델을 세웁니다. 상태 관리 도구 선택의 출발점입니다.
Next.js로 쇼핑몰 만들기 #4 체크아웃과 결제 시뮬레이션
Server Actions 로 주문을 생성하고, 가짜 결제 게이트웨이로 성공/실패를 시뮬레이션합니다. useActionState 와 useFormStatus 로 폼 상태를 다루는 실전 패턴까지 정리합니다.
Next.js로 쇼핑몰 만들기 #3 장바구니
Client Context 와 localStorage 로 장바구니 상태를 관리합니다. 새로고침해도 유지되는 영속 카트, 수량 변경, 합계 계산, hydration 안전 패턴까지 정리합니다.
Next.js로 쇼핑몰 만들기 #2 상품 카탈로그
Server Component로 상품 목록과 상세 페이지를 만들고, searchParams 로 카테고리 필터를 붙입니다. next/image, generateStaticParams, notFound 까지 한 번에 정리합니다.
Next.js로 쇼핑몰 만들기 #1 시작과 설계
Next.js App Router로 쇼핑몰을 처음부터 만듭니다. 첫 글은 요구사항, 기술 결정, 라우트 구조, 상품 데이터 모델, 프로젝트 셋업까지 정리합니다.
React 책을 전체 무료로 공개했습니다 — 리액트: 입문에서 Next.js , TypeScript , 풀스택까지
React 19 + App Router + TypeScript를 처음부터 표준으로 두고, 입문에서 풀스택까지 다루는 React 책을 전체 무료로 공개했습니다.