미새문지

useMemo리액트의 useMemo는 성능 최적화를 위해 사용되는 훅이며, 특정 값이나 연산이 필요할 때 그 값을 메모이제이션(Memoization)하여 재계산을 피하고, 의존성 배열에 지정된 값들이 변경되었을 때만 재계산을 하도록 하는 기능이다. 여기서 메모이제이션은 성능 최적화를 위해 컴포넌트의 특정 계산 결과를 저장하고, 필요할 때만 재계산하여 불필요한 계산을 피하는 기술이다. 메모이제이션은 주로 컴포넌트의 렌더링 성능을 최적화하기 위해 사용된다.메모이제이션의 필요성리액트 컴포넌트는 상태나 프롭스가 변경될 때마다 리렌더링되는데, 복잡한 계산이나 큰 데이터를 다루는 경우, 매번 리렌더링하면 성능 저하가 발생할 수 있기 때문에 메모이제이션을 사용하여 특정 연산의 결과를 저장해두고, 필요한 경우에만 계산..

- js에서 getElementById, querySelector와 같은 DOM SELECTOR 함수처럼 - React에서 DOM에 접근하게 되는 일이 생긴다면 접근하게 해주는 Hooks 함수 - ref 객체 내부의 값은 render와 상관없이 유지된다(리랜더링 하지 않는다) onClick이라는 속성의 태그 내에 "=" 표시가 있으면 무조건 속성은 속성값입니다 값에 대한 함수를 넣어줍니다 - Memo는 Memoization이며 기존에 수행한 연산의 결과값을 저장했다가 같은 입력이 오면 재활용하는 프로그래밍 기법입니다 - 연산된 값(결과)를 반환하여 랜더링 되었을 때 재사용할 수 있도록 해주는 Hooks 함수 - 컴포넌트의 성능을 최적화 시킬 수 있습니다 useM..