Memo1 [ReactJS] memo 리액트에서 useState() 매서드를 사용하면, 변화하는 부분만 HTML에서 쏙쏙 빼와 변화시켜준다는 점을 공부한 적이 있다. 그러나 useState의 modifier 함수가 변화할 때 부모 컴포넌트를 모두 변화시키면 조금은(?) 어쩌면 많이 비효율적인 생산 방식으로 빠질 수도 있다. 다음 코드를 살펴보자 이코드는 완성된 코드지만, 만약 App() 컴포넌트에서 MemorizedBtn을 사용하지 않았다면, 첫 번째 버튼의 property만을 변화하고 싶은 시점에서 두 개의 버튼 모두 변화시켜버리는 현상이 일어날 것이다. 이는 한두개의 버튼만을 이용하여 구현하는 사이트라면 상관없겠지만, 수백 수천개의 버튼을 사용하는 사이트(있을라나,,?)를 생각하면 비효율적일 수 있다. 따라서 React는 memo 매서드.. 2023. 1. 9. 이전 1 다음