[스프린트 더줄게 프로젝트] 테이블 컴포넌트 공통화

 

 

문제점1 - 해결

위 테이블 컴포넌트는 공통 컴포넌트로 구현해야 한다. 이 테이블을 공통화를 하게 되면 테이블은 그저 데이터를 받아와서 보여주는 역할만을 수행하는게 옳다고 판단했다. (가게, 일자, 시급, 상태)와 같은 타이틀과 내용을 그저 string 배열 데이터로 넘겨주면 되지만 객체로 데이터를 넘기자는 팀원들의 의견이 있었다. 나도 그저 string 배열로 하지 않고 타입을 좀 더 좁히고 강제해서 사용하는게 좋다고 생각했다.

 

 

결론적으로 같이 코딩하며 위와 같이 코딩을 하였다. 뭐.. 나름 괜찮은 것 같다.

 

 

문제점2 - 해결

페이지네이션을 공통 테이블 컴포넌트 안에 넣는다면 데이터를 테이블에서 가져오지 않으면 테이블을 이용하는 상위 컴포넌트에서 페이지에 대한 정보를 가지고 있고 이것을 테이블에 넘겨주고 테이블에서 페이지네이션 컴포넌트에 내려줘야 했다. 좋지 않은 구조라고 생각했고, 테이블 컴포넌트에서 페이지네이션을 아예 분리를 해버렸다. 

 

 

느낀점

공통화를 하다보니 어디까지 고려해서 공통화를 해야 하는지 고민이 많이 됐었다. 또 공통화를 함으로써 코드가 알아보기 힘들어지는 거 아닌가라는 생각을 했었었다. 지금와서 보면 사실 공통화를 최대한 해보는 연습을 하는게 좋은 것 같다.