반응형 react성능1 React.memo + useCallback 조합으로 컴포넌트 리렌더링을 막아보자! 🧠 React.memo + useCallback 조합으로 컴포넌트 리렌더링을 막아보자!React 개발을 하다 보면 종종 이런 경험 해보셨을 거예요.“버튼 하나 눌렀을 뿐인데, 자식 컴포넌트가 자꾸 리렌더링돼요… 😫”그럴 때 사용하는 두 가지 무기! 바로 React.memo와 useCallback입니다.이번 글에서는 이 둘을 언제, 왜, 어떻게 조합해서 써야 하는지를 쉽고 정확하게 알려드릴게요.🧩 기본 개념부터 다시 정리✅ React.memo함수형 컴포넌트를 메모이제이션해서, props가 바뀌지 않으면 리렌더링을 막는 고차 컴포넌트(HOC)입니다.✅ useCallback함수를 메모이제이션해서, 참조값(reference)이 변경되지 않도록 해주는 React 훅이에요.이 둘을 조합하면? 자식 컴포넌트에게.. 2025. 4. 5. 이전 1 다음 반응형
