<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">안녕하세요. 메모이제이션 질문드립니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">강의 10:45~10:50 에 의존성 배열을 연산하는 비용이 useMemo의 콜백 함수 안을 연산하는 비용보다 더 많아지면 오히려 메모이제이션이 안 좋을 수 있다라고 하셨는데 <span style="letter-spacing: -0.3px;">의존성 배열은</span><span style="letter-spacing: -0.3px;"> 그냥 값이 바뀌었는지를 비교하는 정도 아닌가요?</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">단순 비교가 다른 연산보다 더 연산하는데 드는 비용이 많아질 수가 있나요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div style="color: #e6e6e6; background-color: #222222; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">totalPrice</span> <span style="color: #d4d4d4;">=</span> <span style="color: #dcdcaa;">useMemo</span>(() <span style="color: #569cd6;">=&gt;</span> {</div>
<div><span style="color: #c586c0;">return</span> <span style="color: #9cdcfe;">prices</span>.<span style="color: #dcdcaa;">reduce</span>((<span style="color: #9cdcfe;">a</span>, c) <span style="color: #569cd6;">=&gt;</span> <span style="color: #9cdcfe;">a</span> <span style="color: #d4d4d4;">+</span> c, <span style="color: #b5cea8;">0</span>);</div>
<div>}, [<span style="color: #9cdcfe;">prices</span>]);</div>
</div>
</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>안에 속성이 만 개 든 객체가 있다고 해봅시다.</p>
<p>그 객체가 달라졌는지 파악하려면 안에 속성 만 개를 전부 순회하면서 검사해야 합니다.</p>
<p>또한 deps에는 하나만 넣는 게 아니라</p>
<p>[a, b, c, d] 등등 무수히 많이 넣을 수 있습니다.</p>

인프런 커뮤니티 질문&답변

메모이제이션 질문드립니다.