구름 아카데미 후기 - 8

react.memo

• React.memo는 불필요한 렌더링을 줄여서 성능 최적화에 도움이 된다.
  메모이제이션된 컴포넌트의 props가 이전과 같으면 그 결과를 그대로 가져온다.

  메모이제이션: 함수 호출 결과를 저장하고, 같은 값이 입력될 때 저장한 결과를 반환하는 최적화 기술

  ```js
  import React from 'react';
  const Example=React.memo((props)=>{
    return (
      	<h1>{props.header}</h1>
    		)	
  	});
  export default Example;
  
  ```

  그렇지만, 모든 경우에 쓸수는 없다.

• 클래스나 함수형이 아닌 컴포넌트인 경우

• 렌더링 성능에 문제가 없는 경우,렌더링 결과가 항상 같은 경우

• 부모 컴포넌트에만 한 경우(자식 컴포넌트가 영향이 없으면 자식 컴포넌트도 memo를 적용해야한다.)

• 네트워크 요청인 state 변경이 있는 컴포넌트는 사용시에 더 주의해야한다.