React 메모이제이션 App이라는 컴포넌트가 있으면 아래 child1,2,3,4, 의 하위 컴포넌트가 존재 한다 App컴포넌트가 랜더링 되면 아래의 하위 컴포넌트도 모두다 랜더링 되게에 메모리를 많이 소비하게 된다 이러한 문제점을 해결하기 위해 memo,useCallback,useMemo를 사용하여 상위 컴포넌트가 랜더링 되어도 랜더링 하게 하는걸 막을수 있다 폴더 구조 App코드 import { Child1 } from './components/Child1.jsx'; import { Child4 } from './components/Child4.jsx'; export const App = memo(() => { console.log("APP 랜더링") const [num, setNum] = useSt..