분리했을 때 장점
- 컴포넌트의 재사용성이 좋아지고 전체적인 소스코드의 양이 줄어든다.
- input 컴포넌트가 들어가는 CommentCard 컴포넌트에서 별도로 input 값을 전송하는 api함수등을 작성하지 않아도 돼서 CommentCard 컴포넌트의 소스코드는 짧아진다.
분리했을 때 단점
- 댓글 입력에서 필요한 전달인자와 수정에서 필요한 전달인자가 달라서 props가 늘어나고 input 컴포넌트 자체 소스코드가 복잡해질 우려가 있다(가독성이 떨어진다)
- 입력하는 input과 수정하는 input의 class가 달라져야 하는데 styled-component를 사용할 경우 props를 내려줘서 요소마다 수정하고 반응형까지 수정을 하려면 시간이 많이 소요될 수 있다.
결론 : CommentCard 안에서 함수를 작성했을 때 수정 Input의 용도에 대한 이해도가 높아질 것으로 예상되고 장점이 단점보다 매우 크다고 생각되지 않기 때문에 재사용 하지 않기로 결정하였다
web