정말 리액트에서 useMemo를 사용해야 할까?

useMemo를 직접 실험하여 성능을 측정한 글입니다. 매우 흥미롭네요 ☺️ 해당 글의 핵심 내용은 아래와 같습니다. - 결론적으로 초기 렌더링 비용은 useMemo를 사용하면 훨씬 더 비싸지만, 후속 리렌더링에서는 훨씬 더 큰 성능 향상을 보입니다. 여러분의 애플리케이션이 복잡도 > 5000 이상인 데이터/처리를 가지고 있고 어느 정도 리렌더링이 발생하는 경우 useMemo를 사용하는 것의 이점을 볼 수 있습니다. - 사용 사례에 따라 크게 달라지겠지만, 복잡도가 100 미만인 경우 useMemo는 별로 흥미로워 보이지 않습니다. 초기 성능 손실은 약 5~10% 정도일 것으로 예상했지만, 데이터/처리 복잡성에 따라 크게 달라지며 심지어 예상보다 100배나 많은 500%의 성능 손실이 발생할 수도 있다는 사실을 발견했습니다. 결과가 나온 후에도 테스트를 몇 번 다시 실행했으며, 이후 결과는 일관되었고 처음 기록했던 결과와 유사했습니다. 1️⃣ useMemo는 처리량이 많을 때 사용해야 합니다. 2️⃣ 추가 처리를 피하려고 useMemo를 사용하는 것이 흥미로워지는 임곗값은 애플리케이션에 따라 크게 달라집니다. 3️⃣ 처리량이 매우 적은 경우 useMemo를 사용하면 추가 오버헤드가 발생할 수 있습니다.

dev-blog/should-you-really-use-usememo.md at master · yeonjuan/dev-blog

GitHub

dev-blog/should-you-really-use-usememo.md at master · yeonjuan/dev-blog

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 3월 21일 오전 3:23

 • 

저장 16조회 2,164

댓글 0