🚨 에러 정리 글 (나름대로 에러가 난 이유를 정리했지만 틀린 내용일 수 있습니다...)

💥 이건 또 무슨 에러...?

Too many re-renders. React limits the number of renders to prevent an infinite loop.

😃 영어 해석 (물론 구글 번역)
→ 리렌더링이 너무 많습니다. React는 무한 루프를 방지하기 위해 렌더 수를 제한합니다

• 대충 이런 내용이다.
  일단, 문장 그대로 구글에 검색해 봤다. 여러 게시글을 보다가 비슷한 특징을 발견했다.
  
• 이런 식으로 props에 함수를 넣은 것이 아니어서 무한루프가 발생했다.
  (onIncrease , onDecrease 가 호출될 때 porps로 받은 함수가 실행돼야 함)

🤔 수정

• 간단하게 화살표 함수로 다시 만들어 줬다.
  
• ❗️props로 전달 해주는 함수는 useCallback으로 감싸 주는 것이 성능 최적화에 도움된다.