anonymous.rs
Search
Search
Dark mode
Light mode
Explorer
Tag: react
53 items with this tag.
Mar 22, 2026
[React Query 시리즈] 1. 왜 React Query인가: 서버 상태 관리의 문제
react
react-query
tanstack-query
서버상태
데이터페칭
Mar 22, 2026
[React Query 시리즈] 2. useQuery: 데이터 가져오기의 기본
react
react-query
useQuery
데이터페칭
캐싱
Mar 22, 2026
[React Query 시리즈] 3. useMutation: 데이터 변경하기
react
react-query
useMutation
POST
PUT
DELETE
Mar 22, 2026
[React Query 시리즈] 4. Query Keys: 캐시를 설계하는 방법
react
react-query
query-keys
캐싱
설계
Mar 22, 2026
[React Query 시리즈] 5. 캐싱 전략: staleTime과 gcTime 이해하기
react
react-query
caching
staleTime
gcTime
캐싱
Mar 22, 2026
[React Query 시리즈] 6. Query Invalidation & Refetching: 캐시를 최신 상태로 유지하기
react
react-query
invalidation
refetch
캐시무효화
Mar 22, 2026
[React Query 시리즈] 7. Optimistic Update: 응답 전에 UI 먼저 바꾸기
react
react-query
optimistic-update
낙관적업데이트
UX
Mar 22, 2026
[React Query 시리즈] 8. Pagination & useInfiniteQuery: 페이지 데이터 다루기
react
react-query
pagination
useInfiniteQuery
무한스크롤
Mar 22, 2026
[React Query 시리즈] 9. 병렬 & 의존 쿼리: 여러 쿼리를 조합하기
react
react-query
parallel-queries
dependent-queries
useQueries
Mar 22, 2026
[React Query 시리즈] 10. Prefetching & QueryClient: 캐시를 직접 다루기
react
react-query
prefetching
QueryClient
캐시
Mar 22, 2026
[React 개념] 컴포넌트 트리: React가 UI를 구성하는 방법
react
concepts
component-tree
virtual-dom
reconciliation
렌더링
Mar 22, 2026
[React 훅 시리즈] 1. useState: 컴포넌트에 기억을 심다
react
hooks
useState
state
상태관리
Mar 22, 2026
[React 훅 시리즈] 2. useEffect: 렌더링 바깥의 세계와 연결하기
react
hooks
useEffect
side-effect
lifecycle
Mar 22, 2026
[React 훅 시리즈] 3. useRef: 렌더링 없이 값을 기억하는 방법
react
hooks
useRef
DOM
ref
Mar 22, 2026
[React 훅 시리즈] 4. useMemo: 비싼 계산 결과를 캐싱하기
react
hooks
useMemo
memoization
성능최적화
Mar 22, 2026
[React 훅 시리즈] 5. useCallback: 함수를 캐싱하는 방법
react
hooks
useCallback
memoization
성능최적화
Mar 22, 2026
[React 훅 시리즈] 6. useContext: prop drilling 없이 데이터 공유하기
react
hooks
useContext
context
전역상태
Mar 22, 2026
[React 훅 시리즈] 7. useReducer: 복잡한 상태를 체계적으로 관리하기
react
hooks
useReducer
상태관리
reducer
Mar 22, 2026
[React 훅 시리즈] 8. useLayoutEffect: DOM을 측정하고 즉시 반응하기
react
hooks
useLayoutEffect
DOM
layout
Mar 22, 2026
[React 훅 시리즈] 9. useTransition & useDeferredValue: UI를 막지 않고 업데이트하기
react
hooks
useTransition
useDeferredValue
concurrent
성능최적화
Mar 22, 2026
[React 훅 시리즈] 10. 커스텀 훅: 로직을 재사용 가능한 단위로 분리하기
react
hooks
custom-hooks
재사용
관심사분리
Mar 22, 2026
[React 성능 최적화] 1. 리렌더링 이해: 언제 컴포넌트가 다시 그려지는가
react
optimization
리렌더링
성능
참조동일성
Mar 22, 2026
[React 성능 최적화] 2. React.memo: 컴포넌트 리렌더링 막기
react
optimization
React.memo
메모이제이션
리렌더링
Mar 22, 2026
[React 성능 최적화] 3. useMemo & useCallback: 언제 써야 하고 언제 쓰지 말아야 하는가
react
optimization
useMemo
useCallback
메모이제이션
Mar 22, 2026
[React 성능 최적화] 4. 상태 위치 최적화: State Colocation
react
optimization
state-colocation
상태위치
리렌더링
Mar 22, 2026
[React 성능 최적화] 5. Context 리렌더링 문제와 해결법
react
optimization
context
리렌더링
메모이제이션
Mar 22, 2026
[React 성능 최적화] 6. Key prop: 리스트 최적화와 흔한 실수
react
optimization
key
리스트
reconciliation
Mar 22, 2026
[React 성능 최적화] 7. 코드 스플리팅: 번들을 나눠서 첫 로딩 줄이기
react
optimization
code-splitting
lazy
Suspense
번들
Mar 22, 2026
[React 성능 최적화] 8. 리스트 가상화: 수천 개 항목을 버벅임 없이 렌더링하기
react
optimization
virtualization
가상화
react-window
TanStack-Virtual
Mar 22, 2026
[React 성능 최적화] 9. 성능 측정: Profiler와 DevTools 활용법
react
optimization
profiler
devtools
성능측정
Mar 22, 2026
[React 성능 최적화] 10. 성능 측정 레이어: 어디서부터 어떻게 측정할까
react
optimization
성능측정
web-vitals
profiler
네트워크
Mar 22, 2026
[React 패턴 시리즈] 1. 합성 (Composition): 컴포넌트를 조립하는 방법
react
patterns
composition
합성
children
Mar 22, 2026
[React 패턴 시리즈] 2. 고차 컴포넌트 (HOC): 컴포넌트를 강화하는 래퍼
react
patterns
HOC
고차컴포넌트
재사용
Mar 22, 2026
[React 패턴 시리즈] 3. 렌더 프롭 (Render Props): 함수로 렌더링 위임하기
react
patterns
render-props
렌더프롭
재사용
Mar 22, 2026
[React 패턴 시리즈] 4. 복합 컴포넌트 (Compound Component): 내부 상태를 공유하는 컴포넌트 패밀리
react
patterns
compound-component
복합컴포넌트
context
Mar 22, 2026
[React 패턴 시리즈] 5. 제어의 역전 (Inversion of Control): 유연한 컴포넌트 설계
react
patterns
inversion-of-control
제어의역전
유연성
Mar 22, 2026
[React 패턴 시리즈] 6. 관심사 분리: UI와 로직을 나누는 방법
react
patterns
separation-of-concerns
관심사분리
커스텀훅
Mar 22, 2026
[React 패턴 시리즈] 7. Portal: DOM 트리 바깥에 렌더링하기
react
patterns
portal
modal
createPortal
Mar 22, 2026
[React 패턴 시리즈] 8. Error Boundary: 렌더링 에러를 우아하게 처리하기
react
patterns
error-boundary
에러처리
fallback
Mar 22, 2026
[React 패턴 시리즈] 9. Suspense & Lazy Loading: 필요할 때 불러오기
react
patterns
suspense
lazy
code-splitting
성능최적화
Mar 22, 2026
[React 패턴 시리즈] 10. forwardRef: 부모가 자식의 DOM에 접근하는 방법
react
patterns
forwardRef
ref
DOM
Mar 22, 2026
[React 패턴 시리즈] 11. Headless Component: 로직과 UI의 완전한 분리
react
patterns
headless
재사용
접근성
Mar 22, 2026
[React 패턴 시리즈] 12. Context Module 패턴: Context를 안전하고 편리하게 사용하기
react
patterns
context
useReducer
모듈패턴
Mar 22, 2026
[React 패턴 시리즈] 13. Provider 패턴: 전역 의존성을 주입하는 방법
react
patterns
provider
dependency-injection
context
Mar 22, 2026
[React 패턴 시리즈] 14. 전역 에러 바운더리: 앱 어디에, 어떻게 설정하나
react
patterns
error-boundary
에러처리
react-query
sentry
Mar 22, 2026
[Zustand 시리즈] 1. 왜 Zustand 인가: 간결한 전역 상태 관리
react
zustand
상태관리
전역상태
Mar 22, 2026
[Zustand 시리즈] 2. 스토어 만들기: create와 set, get
react
zustand
create
store
set
get
Mar 22, 2026
[Zustand 시리즈] 3. 상태 업데이트 패턴: 객체, 배열, 중첩 상태
react
zustand
불변성
상태업데이트
immer
Mar 22, 2026
[Zustand 시리즈] 4. 셀렉터와 리렌더링 최적화
react
zustand
selector
리렌더링
성능최적화
Mar 22, 2026
[Zustand 시리즈] 5. 미들웨어: devtools, persist, immer
react
zustand
middleware
devtools
persist
immer
Mar 22, 2026
[Zustand 시리즈] 6. 슬라이스 패턴: 큰 스토어를 모듈로 나누기
react
zustand
slice-pattern
스토어분리
모듈화
Mar 22, 2026
[Zustand 시리즈] 7. 비동기 액션: API 호출과 로딩/에러 상태 관리
react
zustand
async
비동기
로딩
에러처리
Mar 22, 2026
[Zustand 시리즈] 8. Zustand + React Query: 역할 분리와 조합
react
zustand
react-query
상태관리
조합패턴