Memo (React.js)

Memo(Memorize)를 알아보자.

리렌더링이 되는 특징을 가진 리액트에서
변하지 않는 값은 함께 리렌더링 될 필요가 없다. 그런 경우 Memo를 활용하면 좋다.
우리는 props가 변경되지 않는 선에서 원하는 컴포넌트를 다시 그릴지 말지를 결정할 수 있다.

const MemorizeBtn = React.memo(Btn)

부모의 props가 변경되면, 자식컴포넌트는 모두 리렌더링될 것이다.
이것이 어플리케이션이 느려지는 경우가 될 수 있다.
그래서 Memo를 활용한다.