3년만에 교내 IT동아리 웹파트 미션을 리팩토링 해보았다.

2023년에 교내 IT동아리 부원이 되었다. 최근에 다시 웹파트장을 하면서 부원들에게 과제로 나가는 코드를 검토해봤는데 3년 전이랑 다른 관점으로 리팩토링할만한 거리들이 생겨서 적어본다. 그 당시에는 SOLID 원칙을 최대한 지킨다는 이유로, 간결한 컴포넌트 이름을 유지한다는 이유, 컴포넌트 내부 동작이 너무 노출된다는 이유 등으로 내부를 최대한 숨기는 코드를 작성했는데, 지금은 숨길 건 숨기고 드러내야 된다는 관점을 가지게 되었다. ProductRowList 컴포넌트의 제거 ProductRowList 컴포넌트는 products를 입력 받아서, map 함수를 통해 ProductRow를 렌더링하는 컴포넌트이다. 문제점 디테일을 숨기고 핵심만 드러내는 게 추상화의 이점인데 ProductRowList는 디테일이 없다. 단순히 map을 통해 컴포넌트의 배열을 랜더링하는 책임만 있어 RowList라는 이름으로 은닉하는 정보가 없다. 해결방안 ProductRowList 컴포넌트를 제거하고 사용