[TIL] 2022 - 03 - 21

yooni·2022년 3월 21일
post-thumbnail

📒 Lecture Study

  • 이더리움 개발 환경 구성
  • solidity 실습

📚 Futher Study

  • cryptoZombie
  • 📖 마스터링 이더리움
  • React.Memo
  • group study



🧐 React.memo()

함수형 컴포넌트를 React.memo()로 감쌀 때, React는 컴포넌트를 렌더링 한 결과를 메모이징(Memoizing)한다. 그리고 다음 렌더링이 일어날 때 props가 같다면 다시 렌더링하지 않고 메모이징된 내용을 재사용한다.

함수형 컴포넌트가 같은 props로 자주 렌더링될 것으로 예상될 때 사용한다. 일반적으로 부모 컴포넌트에 의해 하위 컴포넌트가 같은 props로 리렌더링 될 때이다.

하지만 클래스형 컴포넌트에는 적용하는 것은 적절하지 않다. 또한 렌더링시 props가 달라질 때가 많은 경우에 React.memo()를 사용한다면 리렌더링 때마다 무조건 비교 함수가 수행되므로 성능이 오히려 악화될 수 있다.

(출처: https://ui.toast.com/weekly-pick/ko_20190731)


profile
멋쟁이 코린이

0개의 댓글