[React] 리액트 렌더링 최적화 / 여러번보자

📌 리액트의 렌더링

• 함수의 호출

// App component의 실행 =>로직 구현=>jsx 반환
function App() {
 const handleClick=()=>{
   // 로직
 }
 return(
 	// jsx
 )

⚒ 리액트 렌더링 최적화

• 최적화 hooks
  • usecallback : 함수를 메모이제이션
  • useMemo : props로 참조값 전달시 이전 전달값 기억
  • React.memo : 얕은 비교를 통해 값을 비교
• 최적화 도구 또한 코드 및 로직이므로 모든 컴포넌트에서 사용하면 컴퓨터 자원을 더 쓸 수 있으
• 최적화 도구의 무분별한 사용보다 코드 자체를 개선해보자

참고 영상