useMemo가 성능에 미치는 영향

해당 게시글은 아래 아티클을 읽고 정리하였습니다.

https://github.com/yeonjuan/dev-blog/blob/master/JavaScript/should-you-really-use-usememo.md

GitHub - yeonjuan/dev-blog: 개발 블로그, 공부한거 정리

 

---

1. useMemo

리액트에서 제공하는 hook 중 하나.

리액트 공식문서에 useMemo 의 설명을 보면, 개발자가 정한 dependcies 가 변경되면 로직을 실행하고 리턴되는 값을 캐시한다. 

Returns a memoized value

도대체 어떨때 useMemo 를 써야 성능적으로 장점을 받을 수 있을까?

어떤경우에, 로직이 얼마나 복잡해야 useMemo 를 쓰는 것이 좋을까?

 

2. 핵심

useMemo는 변수의 동일한 객체 참조를 유지해서 불필요한 리렌더링을 피하는데 유용하다

하지만, useMemo를 사용하는 주요 목표는 리렌더링을 피하는 것이 아니다.

• useMemo는 처리량이 많을 때 사용해야 한다
• 처리량이 매우 작은 경우 , useMemo를 사용하면 추가 오버헤드가 발생한다.