리액트 memo로 리렌더링 관리하기

리액트 컴포넌트의 리렌더링 조건으로는 크게 두가지가 있다. 1) props or state 변경 2) 부모 컴포넌트가 리렌더링 1번의 컴포넌트에서 렌더링해야 할 데이터 값이 변경되었다면 당연히 리렌더링 되어야 하는게 맞지만, 2번의 경우 해당 컴포넌트에선 같은 결과를 렌더링할 때도 리렌더링 해야하는 경우가 생긴다. 클래스 컴포넌트에서는 이를 shouldComponentUpdate()로 설정할 수 있다. 현재 props 또는 state값과 다음에 렌더링해야할 props, state 값을 직접 비교해서 리렌더링 여부를 결정하는 메소드이다. 함수형 컴포넌트에는 React.memo를 사용해서 이를 관리할 수 있다. React.memo(Component, compFunc); 다음과 같이 사용한다. compFunc..