Memoization

Memoization

• memo
  부모 컴포넌트의 State가 변경되었을때 부모를 포함, 자식 컴포넌트까지 재 렌더링되는 것을 방지하기 위한 방법
  // 단, 부모컴포넌트에서 props를 통해 데이터를 넘겨줬을 때는 memo가 있다하더라도 다시 그려지게 된다.
  
• useMemo
  변수가 변경되는것을 방지하는 방법
  
• useCallback
  함수가 다시 실행되는 것을 방지하는 방법
  

반응형 디자인

• 사용자가 사용하는 기기의 크기에 따라 자동으로 반응해 페이지의 크기를 조절하는 방법(사용자는 자동인데 개발은 자동이 아님)

  ☒ css에서 device의 크기에따라 전부 적어줘야한다 ㅠㅠ ☒
  

• 위와같이 작성할 경우 디바이스를 나누는 기준이 바뀔 때 하나하나 전부 바꿔주어야 하므로 기준을 나누는 컴포넌트를 하나 만들어서 사용한다.
  

  (min-width : ~~~) 자리에 breakPoints.tablet을 대신 사용하면 된다.