useMemo를 이용한 여러 props의 최적화 방법 질문

Question

제로초님 안녕하세요. 강의 들으면서 많이 배우고 있습니다.  FollowList 컴포넌트에서 List컴포넌트에 넘겨주는 props를 최적화 해주어야 이후에 성능 문제가 생기지 않는다고 하셨는데요. useMemo를 이용해서 최적화를 해보려고 하는데, 혹시 여러 개의 props를 한 번에 묶어서 할 수 있는 방법은 없을까요? 다른 수업에서 <Component {...props} /> 이런 식으로 여러 개의 props를 넘겨주는 코드를 쓰신 적이 있었던 것 같은데, props가 많은 경우 이런 식으로 최적화를 간편하게 처리하는 방법은 없을지, 현업에서 이런 방식을 쓰기는 하는지 궁금합니다.  그리고 검색하다보니 "Premature optimization is the root of all evil." 이라는 말이 있던데, useMemo나 useCallback을 이용한 최적화는 어쨌든 어차피 무조건 하게 되는 것이니 일단 하고 보는 게 나은가요?

제로초(조현영) · Answer

한 번에 묶어서 하게되면 객체 모양이 되는데 객체 모양이 되는 경우 최적화가 어렵습니다. 객체 내부 값이 달라졌는지 확인하는 프로세스가 비용이 더 들 가능성이 높습니다. useMemo나 useCallback은 안 써도 됩니다만은 화면이 엄청 깜빡거리므로 디버깅할 때 거슬릴 수 있습니다.