Shallow equality

shallow equality
얕은 비교
객체의 첫 번째 깊이(1 depth) 에 있는 값만 비교하는 방식
즉, 객체나 배열의 내부 참조만 비교하지, 그 안쪽에 있는 값까지 깊게 비교(deep equality) 하지는 않는다.

Shallow equality - 예시

예시 1: 원시값(Primitive)에서는 ===와 같음
```
1 === 1;          // true
'hi' === 'hi';    // true
```
- 원시값은 깊이가 없으니까 얕은 비교나 깊은 비교나 결과가 동일하다.
예시 2: 객체 얕은 비교
```
const obj1 = { a: 1, b: 2 };
const obj2 = { a: 1, b: 2 };

console.log(obj1 === obj2); // false (다른 참조)
```
- ===은 참조(Reference) 를 비교하기 때문에, 값이 같아도 서로 다른 객체면 얕은 비교에서는 다르다고 판단하다.

예시 3: shallow equality 직접 구현

function shallowEqual(objA, objB) {
  if (objA === objB) return true;

  const keysA = Object.keys(objA);
  const keysB = Object.keys(objB);

  if (keysA.length !== keysB.length) return false;

  for (const key of keysA) {
    if (objA[key] !== objB[key]) return false;
  }

  return true;
}

const a = { x: 1, y: 2 };
const b = { x: 1, y: 2 };
const c = { x: 1, y: { z: 3 } };
const d = { x: 1, y: { z: 3 } };

console.log(shallowEqual(a, b)); // true ✅
console.log(shallowEqual(c, d)); // false ❌ (y는 객체, 참조 다름)