두가지 데이터를 비교할 때 깊은 비교와 얕은 비교 방식이 있다. 얕은 비교 기본 데이터 타입의 경우에는 값이 같은지만 비교를 하고, 객체의 경우 참조를 비교한다. const object1 = { x: 1997, y: 02 }; const object2 = { x: 1997, y: 02 }; console.log(object1 === object2) // false 내부 결과값이 같더라도 참조값이 다르기 때문에 false가 리턴된다. 그러므로 만약 Props로 객체 state를 전달할 경우 참조값이 다르기 때문에 리렌더링이 발생한다. 깊은 비교 객체의 경우에 참조만 비교했던 얕은 비교와는 다르게 값으로 비교를 한다. const object1 = { x: 1997, y: 02 }; const object2 ..