메모이제이션 썸네일형 리스트형 [ React] React의 고급 렌더링 최적화 기법 1. React.memo를 사용한 컴포넌트 메모이제이션React.memo는 함수형 컴포넌트의 결과를 메모이징(기억)하여, 불필요한 리렌더링을 방지합니다.작동 원리:컴포넌트의 props를 얕은 비교(shallow compare)합니다.props가 변경되지 않았다면, 이전에 렌더링된 결과를 재사용합니다.사용 예시:import React from 'react';const ExpensiveComponent = React.memo(({ data, onItemClick }) => { console.log('ExpensiveComponent rendered'); return ( {data.map(item => ( onItemClick(item.id)}> {item.n.. 더보기 이전 1 다음
