배가 튀어나온 홍학님의 면접 결과

두 메모이제이션 기법의 핵심 차이점을 정확하게 파악하셨습니다. useMemo는 계산 비용이 큰 값을 캐싱하고, React.memo는 컴포넌트의 불필요한 리렌더링을 방지한다는 본질적인 차이를 잘 설명해주셨네요. 답변을 더욱 완성도 높게 만들려면 각각의 사용 시기나 간단한 예시를 추가해주시면 좋겠습니다. 예를 들어 "useMemo는 복잡한 계산이나 객체 생성 시에, React.memo는 props가 자주 변하지 않는 자식 컴포넌트에 사용한다"와 같은 실무적인 활용 상황을 언급해주시면 더욱 설득력 있는 답변이 될 것 같습니다.

React.memo에서 얕은 비교를 통해 props를 비교한다는 핵심 개념을 정확히 이해하고 계시는 점이 좋습니다. 다만 "참조값을 비교하는 방식"이라는 설명이 약간 부정확한데, 얕은 비교는 객체의 참조만 비교하는 것이 아니라 객체의 첫 번째 depth까지 각 속성을 비교하는 방식입니다. 예를 들어 `{name: 'John', age: 30}`과 같은 객체에서는 name과 age 각각을 비교하지만, 중첩된 객체나 배열의 내부까지는 비교하지 않습니다. 이러한 얕은 비교의 한계와 언제 깊은 비교가 필요한지, 그리고 custom comparison function을 사용하는 방법에 대해서도 추가로 학습해보시면 좋겠습니다.

얕은 비교의 한계점을 정확히 파악하고 계시는 점이 좋습니다. 다만 답변에서 "참조 자체는 그대로 유지"라고 하셨는데, 실제로는 객체/배열의 내용만 변경하고 참조가 동일하면 React.memo가 리렌더링을 방지해서 변경사항이 화면에 반영되지 않는 문제가 발생합니다. 구체적인 예시를 들어 설명해주시면 더 좋았을 것 같습니다. 예를 들어 `const user = { name: 'John' }; user.name = 'Jane'`처럼 객체 내용을 직접 수정하는 경우나, 배열에 push로 요소를 추가하는 경우 등을 언급하시면 이해도를 더 잘 보여줄 수 있을 것입니다.