깊은비교 (1) 썸네일형 리스트형 [Fast Campus , React] 14. React.memo를 이용한 성능 최적화 React.memo를 이용한 성능 최적화 전에 사용한 A, B컴포넌트 비교 소스를 기준으로 성능 체크 및 개선목표. [Fast Campus , React] 13. 확장프로그램, 성능측정 app 개발 B컴포넌트의 문제점? List, ListItem, Message 컴포넌트로 나뉘어 있는데, 재사용성의 목적도 있지만 각 컴포넌트의 렌더링의 최적화를 위해서이기도 함. Input에서 글을 쓸 때 원래는 Message 컴포넌트와 그 State를 가지고 있는 App 컴포넌트만 렌더링이 되어야 하는데, 상관이 없는 다른 부분까지 렌더링 되고 있다. React.memo 적용. 원하는 컴포넌틀르 React.memo로 감싸주면 적용이 된다 const Message = React.memo( ({message}) => { r.. 이전 1 다음
