렌더링 이해하기 - 얕은 비교 (Shallow Equal) , 깊은 비교 (Deep Equal)

얕은 비교 Shallow Compare란? 숫자, 문자열 등 원시 자료형은 값을 비교한다. 배열, 객체 등 참조 자료형 값 혹은 속성을 비교하지 않고, 참조되는 위치를 비교한다. const obj1 = {a : 1, b : 2}; const obj2 = {a : 1, b : 2}; console.log(obj1 === obj2); // fasle obj1과 obj2에 들어있는 값은 같지만, 참조 값을 비교하기 때문에 obj1과 obj2의 참조 값이 달라 false가 반환된다. user = { name : "devbean", surname : "Ohh" } const user = this.state.user; user.name = "hb" console.log(this.state.user === user)..