[React] 불필요한 리렌더링을 막아서 6배가 빨라졌다고?

현재 프로젝트에서 calendar 컴포넌트를 맡고 있다. calendar 컴포넌트에는 추가한 일정들을 볼 수가 있다. 각 일정들을 클릭하면 일정 상세보기 모달이 나온다.일정이 2개를 초과하면 더보기 버튼이 생기는데 클릭하면 달력이 미쳐 나오지 못한 일정이 모달을 통해 나오게 되는 구조이다. 일단 구현은 완료하였다.하지만 거슬리는 부분이 있다.불필요한 너무 많은 곳에 리렌더가 일어나는 것이다.물론 아직까지는 크기가 작은 프로젝트라 이대로 가도 괜찮을 것 같지만 찜찜한 이 마음을 풀기위해 더 좋은 방법을 생각해보기로 했다. 🔥 문제점1. recoil로 modal 상태 관리현재 modal을 열고 닫는데는 recoil을 사용중이다. export const moreModalState = atom({ key: "..