react component 나눌때... 어느게 맞을까요?

Question

안녕하세요 리액트랑 nextjs 를 사용해서 코딩중인데 한가지 의문점이 들어서 질문남깁니다 !하나의 페이지 templates에서<SearchForm /><Content /><ButtonBox />이런식으로 세세하게 하나씩 일일이 컴포넌트로 나누는게 좋은것인지... 아니면 적당히 하나의 기준으로 나누는게 좋은것인지 혹시 그렇다면 어떤기준으로 나누어야 하는지... 궁금증이 들어서 이렇게 질문남깁니다 ㅜㅠ읽어주셔서 감사합니다 !

나니야 · Answer

어려운 질문!!이다!!이렇게 해보고 저렇게 해보고실제 업무를 하다보면 수정사항이 있을겁니다.그러면 "아... 이거 처음에 이렇게 만들껄, 아... 이걸 이렇게 바꿔달라할줄은 몰랐네" 하면서 느는겁니다.그리고 질문의 내용을 추측하건데 각 컴포넌트의 역할과 비즈니스로직에 대한 설명이 없어요그것은 역할과 비즈니스에 대한 분리보다는 단순히 이름에 맞게 나누려고만 하니까 그런것같네요.이름별로 이뻐보이게 나누는것에 목적을 두지말고 하나하나 컴포넌트의 일에 대해 나누려고 해보세요.이름보단 역할과 비즈니스를 분리하려해보세요.title? 최상단일가요? 아니면 특정 제품의 타이틀일까요. 이 타이틀에 바뀔것을 예상해보면텍스트, 색상, 닫기, 아이콘 정도가 있겠네요?그게 자주 바뀌고, 닫기버튼 컴포넌트를 만들어둔게 있다면 저런식이 아닌<closebutton/> 이런식으로 넣을수있게 등등너무나도 케이스가 다양해서 어려운질문이라고 한겁니다.정답은 없을꺼예요.

react component 나눌때... 어느게 맞을까요?

1개의 답변

Q&A 목록