자바스크립트

얕은 비교, 깊은 비교

얕은 비교는 기본 타입 데이터의 경우 값이 동일한지 비교하지만 object의 경우 참조(위치값)만 비교합니다.
리액트 렌더링 시 얕은 비교를 통해 state 변경점을 확인하기 때문에 객체를 state로 사용할 경우에 값이 같더라도 참조가 다르기 때문에 재 렌더링이 일어난다.
깊은 비교를 하게 될 경우 객체의 경우에도 값으로 비교를 해야한다.. 객체의 깊은 비교를 위해서는 JSON.stringify()함수를 사용해 값을 비교하거나 Lodash 방식인 isEqual함수를 쓰면 좋다.