Multi Developer SuHo

리액트 useCallback이란?

이번에는 리액트에서 메모이제이션 기법중 사용하는 useCallback 훅에 대해 살펴보도록 하겠습니다. 📑목차1. useCallback1-1. useCallback이란?1-2. useCallback 문법1-3. useCallback 사용 예시1-4. useCallback 사용해야하는 이유1-5. useCallback VS useMemo 비교1-6. useCallback 사용하지 않아도 되는 경우서론저번 글에서는 메모이제이션의 개념과 함께 React.memo, useMemo 훅을 살펴보며 컴포넌트 렌더링 성능을 최적화하는 방법을 알아보았습니다. 이번 글에서는 연장선인 함수의 불필요한 재생성을 방지하고 자식 컴포넌트의 리렌더링을 최소화할 수 있는 useCallback 훅에 대해 정리해보겠습니다. 본론1. ..

리액트 메모이제이션과 React.memo, useMemo, 그리고 HOC(High-Order-Component)란?

리액트에서 메모이제이션과 메모이제이션으로 사용되는 훅중 useMemo와 고차컴포넌트에 대해 알아보도록 하겠습니다. 📑목차1. 메모이제이션1-1. 메모이제이션이란?1-2. 왜 메모이제이션이 필요한가?1-3. 렌더링과 불필요 리렌더 개념 정리2. memo2-1. memo 란?2-2. memo 문법3. useMemo3-1. useMemo란?3-2. useMemo 문법3-3. useMemo를 언제사용할까?4. React.memo VS useMemo4-1. 이 둘의 차이점5. HOC5-1. HOC란?5-2. HOC 특징서론현대 React 애플리케이션에서 퍼포먼스 최적화의 핵심은 “불필요한 리렌더를 얼마나 줄이느냐”에 달려 있습니다. 이 글은 그 출발점인 메모이제이션의 개념을 정리하고, React가 얕은 비교와..