합성 컴포넌트
-
[ Project ] 컴포넌트 설계에 대한 고민 (Feat. 합성 컴포넌트)Project 2023. 9. 10. 17:03
- 최초 기획 UI 사진 속 Table 컴포넌트는 앞으로 다양한 모습으로 사용됩니다. 사진 속 UI처럼 가장 처음에 기획했던 Table 컴포넌트는 텍스트로만 이루어져 있습니다. 중간중간 기획에 대한 아이디어가 더해지면서 UI가 조금씩 다른 컴포넌트가 필요했고 자연스럽게 컴포넌트의 확장성, 재사용성에 대해서 고민을 하게 되었습니다. - 초기 코드 Table 컴포넌트는 Header, Content, Pagination 세 가지 컴포넌트로 구성되어 있습니다. // /components/common/table/Table.tsx // 생략 const Table = ({...props}) => { if (data.length === 0) return ; return ( ); }; export default Tabl..