React 여러 데이터를 받는 화면에서 re-rendering 해결하기

대표적으로 form처럼 여러 데이터를 받는 화면을 개발할 때 "제목을 입력했는데.. 왜 나머지 input과 부모컴포넌트까지 re-rendering되는 거지?" 했습니다.  코드의 구조를 다시 파악하지 않고 무작정 useCallback을 적용해보고 memo를 사용했기에 해결되지 않았습니다. (운이 좋아 때려 맞췄다면 원인도 모르고 넘어갔을겁니다.) 한 8시간 시도에도 해결되지 않자 아래 문서를 발견했습니다. 문서처럼 적용해보면서 이해를 하고, 기존에 작성했던 코드를 이해한 것에 맞춰 다시 수정했더니 바로 해결됐습니다.  성능도 85에서 93으로 개선됐네요. 작성하고 있는 코드의 역할도 명확하게 알고 사용하는 것에 중요함을 다시 한 번 느낍니다. 다들 도움되셨으면 해서 공유합니다. https://alexsidorenko.com/blog/react-list-rerender/