태그: Hooks
3편
-
React 실무 정리: Hooks 심화, Fiber 아키텍처, Suspense·에러 처리, Context, 성능 최적화
Vite로 React 18 프로젝트를 시작해 useState·useEffect 실무 패턴과 useMemo·useCallback 사용 기준을 정리하고, Fiber의 렌더·커밋 단계와 동시성 렌더링을 설명합니다. Error Boundary, Suspense, Context 최적화, 가상화도 다룹니다.
-
VueUse로 자주 쓰는 Composable 가져다 쓰기: 상태·브라우저·센서·요소 유틸, 다크 모드 예제
VueUse로 Vue 개발을 빠르게 하는 방법. 설치와 기본 사용, useLocalStorage 같은 상태 Composable, useFetch 등 브라우저 Composable, 센서·요소 Composable, 유틸리티, 다크 모드 예제를 정리합니다.
-
React useMemo와 useCallback, 언제 쓰면 이득인가 | 렌더링 최적화 실전
비싼 리스트 필터링에는 useMemo, memo 처리된 자식에 넘기는 콜백에는 useCallback을 쓰는 식으로 메모이제이션이 실제 이득을 주는 조건을 코드로 구분합니다. Context 값 분리, useEffect 의존성 안정화, React Compiler와의 관계, Profiler 검증도 다룹니다.