React 컴포넌트 개발 질문

Question

아토믹 디자인으로 컴포넌트를 개발하고 있습니다. 컴포넌트를 개발할 때 어느 정도의 유연성(?)을 갖도록 개발해야 할까요? Button을 예로 들었을 때 &#34;type&#34;이라는 props가 있다고 가정할 때. type props를 &#34;text&#34;로 넘기면 border가 없는 Button이 되고 &#34;fill&#34;이라고 하면 backgroundColor로 채운 Button이 뜨는 형식으로 개발해도 되나요? 좀 더 극단적으로 Icon?이라는 props에 SVG 엘리먼트를 넘기면 해당 아이콘을 렌더링 하는 Button이 되기도 하는 컴포넌트를 개발해도 되나요?props로 넘겨서 얼마나 범용성 있게 개발해야 하는지 그게 궁금합니다.

답십리코딩조무사 · Answer

사실 정답은 없습니다. 범용성이 뛰어난 컴포넌트는 오히려 효율성을 잃어버리게 된다고 생각합니다. 실제로 어떻게 사용할지에 포커스를 맞춘후 작업하는것이 좋습니다.

코딩찡찡이 · Answer

컴포넌트는 진짜 설계하는 사람 역량이라고 생각합니다. 적으신 방법대로 코딩을 하여도 괜찮지만 앞으로 재사용성이랑 확장성까지 고려해서 짜시면 좋을 것 같습니다. 너무 범용적이게 가려다가 나중가서 오히려 건들기 힘들어질 수도 있어요. 정말 자주 여기저기서 사용하는거면 오히려 별도의 컴포넌트로 분리해서 관리하는게 나중에 유지보수할 때 오히려 편한 경우가 많더라구요.

잘해보고싶다 · Answer

답십리코딩조무사 답변 감사합니다. 지금 삽질을 하면서 몸소 느끼고 있습니다 ㅠㅠ

잘해보고싶다 · Answer

코딩찡찡이 넵 Button 하나에 여러 props를 받도록 해서 범용성을 늘려보았는데 나중에는 사소한 스타일 바꾸는 것도 type이 다른 Button들도 같이 바뀌다 보니 결국 지금은 컴포넌트 분리해서 Icon을 렌더링하는 Button을 따로 관리하고 있네요 답변 감사합니다!

React 컴포넌트 개발 질문

4개의 답변

Q&A 목록