(class 스타일)ShouldComponentUpdate와 PureComponent 그리고 memo

 class style의 react 문법을 사용할 때 setState({})만 해도 렌더링이 되는 상황이 발생할 수 있다.

이 경우엔 ShouldComponentUpdate api를 사용한다. state 값을 디테일하게 비교하여

랜더링 시킬지 여부를 결정할 수 있다.

 혹은 class extends할 때 Component 대신 PureComponent를 상속해도 비슷한 효과를 

자동으로 내게 할 수도 있다. 다만 state 내 값으로 객체 또는 배열이 있는 경우엔 주의가 

필요하다. 왜냐하면 객체를 비교할 때에는 주소비교(?)를 하기 때문이다. 

꼭 [...prevState, newValue]로 해당 값을 갱신시켜줘야 state가 바뀌었다는 것을 알아차린다.

 function style에서는 memo api를 사용하여 PureComponent와 동일한 효과를 낼 수 있다.

위 api들을 적극 활용해서 불필요한 렌더링을 줄여보자!!