Reference Comparison 기반 React 렌더링 최적화를 위한 Immutability 설계

Context

JavaScript 객체의 Reference 특성과 Mutation으로 인한 상태 추적의 한계 분석. 기존 Mutation 방식은 동일한 메모리 주소를 유지하여 프레임워크의 상태 변경 감지 메커니즘을 무력화하는 구조적 결함 보유.

Technical Solution

• Reference Comparison 기반의 변경 감지 메커니즘을 활용한 UI 업데이트 트리거 설계
• 기존 객체 수정 대신 Spread Operator 등을 통한 New Object 생성으로 Reference 변경 보장
• Mutation 발생 시 동일 Reference 유지로 인한 React Re-render 누락 문제 해결
• 메모리 상의 객체 복제 방식을 통한 Original State 보존 및 데이터 예측 가능성 확보
• setState 함수를 통한 명시적 상태 교체로 React의 Reconciliation 프로세스 최적화