주니어 개발자가 작성한 React 코드의 리뷰 요청을 받고 이를 개선하는 과정을 정리한 글입니다. 다른 사람이 작성한 코드이지만 코드가 해결하고자 하는 문제가 명확하고 설명을 잘 해주고 있어서 이해가 좋습니다. 투두 리스트처럼 체크 리스트에서 전체 선택과 해제를 할 수 있는 코드인데 동작은 잘 하지만 개선할 포인트를 단계적으로 정리해서 짚어주고 있습니다. 데이터 구조의 문제가 있고 다른 상태에서 생성할 수 있는 값도 상태로 관리하고 있어서 코드가 복잡해 지는 문제, 그리고 React에서는 잘 하지 않는 DOM에 직접 접근해서 화면을 수정하는 문제를 하나씩 개선하면서 기존 코드가 어떻게 바뀌었는지 보여주면서 문제 상황을 자세히 설명해 주고 있다. 꼭 같은 화면을 만들지 않더라고 이렇게 리팩토링하는 개선 과정을 보여주어서 도움될 부분이 많다고 생각합니다.