개발자의 공부/React
[React]성능 최적화와 성능 체크(업데이트)
Memoization: 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 연산의 결과값을 메모리에 저장해 두고 동일한 연산을 시키면, 다시 연산하지 않고 기억 해 두었던 데이터를 반환 즉, 재사용하는 기법 UseMemo 성능 최적화를 위하여 연산된 값(연산 결과)을 useMemo라는 Hook 을 사용하여 재사용한다. // CommentItem const [clickCount, setClickCount] = useState(0); const handleClick = () => { onClick(); setClickCount((prev) => prev + 1); // 클릭 시 숫자 증가...
