728x90 반응형 memo1 [React] React.memo로 최적화하기 안녕하세요. J4J입니다. 이번 포스팅은 React.memo로 최적화하는 방법에 대해 적어보는 시간을 가져보려고 합니다. React.memo란? React.memo는 함수형 컴포넌트에서 동일한 파라미터로 생성된 함수들을 메모이제이션을 이용하여 재사용하게 도와줍니다. 예를 들어 다음과 같은 상황이 있다고 가정해보겠습니다. 이름, 나이, 주소값을 useState를 이용하여 표현하고 있고 주소를 제외한 이름, 나이를 파라미터로 받는 컴포넌트가 있습니다. 여기서 이름, 나이 값이 변경되면 해당 값을 가져다 사용하는 컴포넌트도 당연히 리 렌더링이 발생되어 수정된 화면을 보여줘야 됩니다. 하지만 주소값이 변경될 경우는 어떨까요? 주소 값이 변경되더라도 useState로 정의된 값들은 같이 리 렌더링이 발생되기 때문.. 2021. 9. 30. 이전 1 다음 728x90 반응형
