📚 Reference

📜 Chapter

Redux

Zustand

Memoized Selector

• Memoized Selector
• 메모이제이션된 선택자
• 같은 입력이면 같은 결과를 다시 계산하지 않는 selector
• 결과를 기억해두는 스마트한 조회 함수이다.
• 주로 Redux 같은 상태 관리 라이브러리에서 성능 최적화를 위해 사용된다.
• 단순한 선택자(Selector)가 매번 데이터를 새로 계산한다면, 메모이제이션된 선택자는 입력값이 바뀌지 않았을 경우 이전에 계산했던 값을 그대로 반환한다.
• 입력이 바뀌지 않으면 같은 객체 참조를 반환하도록 만드는 것.
• 일반 selector: 입력 같음 → 매번 새 객체 → 재렌더 발생
• Memoized selector: 입력 같음 → 이전 결과 재사용 → 재렌더 없음

필요한 이유

• 일반적인 Selector는 상태(State)가 업데이트될 때마다 실행된다.
• 만약 해당 Selector 안에 복잡한 연산(필터링, 정렬, 데이터 가공)이 들어있다면, 관련 없는 상태가 바뀌어도 매번 무거운 계산을 반복하게 되어 성능 저하를 일으킨다.
• Memoized selector는 상태에서 필요한 값만 추출할 때, 입력이 동일하면 이전 결과를 재사용해서 불필요한 재렌더를 막는 기법이다. 특히 대규모 리스트에서 아이템 단위 렌더를 통제할 때 중요하다.