intermediate
React 함수형 컴포넌트 불필요한 리렌더링 제거
React 컴포넌트에서 발생하는 불필요한 리렌더링을 식별하고 `React.memo`, `useMemo`, `useCallback`을 사용하여 최적화하는 방법에 대한 실질적인 가이드입니다.
📝 Prompt Content
아래 React 코드는 부모 컴포넌트가 업데이트될 때 자식 컴포넌트가 불필요하게 리렌더링되는 문제가 있습니다. 이를 방지하기 위해 `React.memo`로 컴포넌트를 감싸고, `useCallback`과 `useMemo`를 적절히 사용하여 성능을 최적화하십시오. 변경된 코드와 적용 이유를 설명하십시오.