useMemo1 useMemo를 사용해서 불필요한 연산 줄이기 React 함수 컴포넌트는 렌더링이 일어날 때마다 컴포넌트 내부의 코드가 처음부터 다시 실행됩니다.따라서 컴포넌트 안에서 변하지 않는 값이나 복잡한 연산을 매번 다시 계산하는 경우가 생기는데, 이것은 비효율적인 성능 저하를 초래할 수 있습니다.문제 상황예를 들어, 특정 문자열을 입력받아 검색하는 컴포넌트가 있다고 가정해 봅시다.// 특정 문자열을 검색하는 컴포넌트const [word, setWord] = useState('');const categories = (filterData.data?.class || []) .filter((category) => category.id === SearchInfo.CATEGORY) .map((category) => category.contents) .flat().. 2023. 5. 6. 이전 1 다음
