렌더링 이해하기 - 얕은 비교 (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);사용자 이름..

2024. 1. 17.

개발