memo

"버튼 하나 눌렀을 뿐인데 왜 전체가 버벅이지?"리액트는 부모 컴포넌트가 재렌더링되면 자식 컴포넌트도 무조건 함께 재렌더링됩니다. 평소엔 별문제가 없지만, 자식 컴포넌트가 무거운 연산을 하거나 렌더링 시간이 오래 걸리는 경우엔 심각한 성능 저하로 이어집니다. 이걸 해결하는 도구가 바로 memo와 useMemo입니다.📌 먼저 알아야 할 것 — 리액트의 재렌더링 규칙리액트는 아래 상황에서 컴포넌트를 재렌더링합니다.해당 컴포넌트의 state가 변경될 때부모로부터 받은 props가 변경될 때부모 컴포넌트가 재렌더링될 때 (자식도 무조건 같이 재렌더링)세 번째 규칙이 문제입니다. 부모가 재렌더링되면 자식과 전혀 관계없는 이유라도 자식이 덩달아 재렌더링됩니다. jsxfunction Child() { conso..