Btn을 만드는 함수를 선언했고 text와 onClick을 props로 받아오고 있다. 그리고 렌더링한 text를 콘솔에 출력하는 코드를 숨겨놓았다. 훅을 사용하여 value를 다루는 state를 선언하고 Btn이 클릭될 때마다 state를 변경할 수 있게 했다. 버튼을 클릭하면 Btn 두개가 리-렌더링이 되어 콘솔에 두개씩 뜬다. 2번째 버튼은 text값이 변하지 않음에도 렌더링이 또 되는 것이다. 이를 막고자 React에는 memo라는 기능이 있다. memoizing의 약자로 렌더링의 결과가 이전 렌더링의 결과와 같을 때 리-렌더링을 하지 않는 것이다. 아래 예시를 보자. Btn 컴포넌트를 memo해주고 MemorizedBtn을 선언해준다. 그리고 Btn 태그 대신 MemorizedBtn 태그를 대신..
