React.memo
- 함수 컴포넌트는 자신의 상태가 변경될 때 리렌더링
- 부모 컴포넌트로 부터 받는 prop이 변경될 떄 리렌더링
- 부모 컴포넌트의 상태가 변경되면 리렌더링
- 컴포넌트를 memo로 감싸주어서 다시 불러오는것을 방지
깃허브 링크 - memo 브랜치 참고
UseCallback
- 컴포넌트의 랜더링 = 함수의 호출
- 함수가 호출되면 함수를 다시 연산하고 다시 정의함
- 이때 다시 연산되는것을 막기 위해 UseMomo를 사용
- 함수가 다시 정의되는것을 막는 것은 UseCallback을 사용
깃허브 링크 - usecallback 브랜치 참고
UseHover
- box 컴포넌트를 생성
- box 컴포넌트에 마우스가 올라갔을때 반응
- element에 Listener를 추가
깃허브 링크 - customhook 브랜치 참고
- 현재 Lv0문제 8p 진행중