원래 192줄짜리 파일 하나였는데
137줄에 파일 5개됨 ㅅㅂ...
어떤 블로그에서 모든 기능이 한 컴포넌트에 짬뽕되어있는게 안좋대
그래서 첫번째로 ui와 ui가 아닌걸 분리해서 hooks에 넣고
두번째로 hook에서 상태와 상태가 아닌거(도메인로직, 사이드이펙트)를 분리해서
컴포넌트에서는 하지말고 훅스에서만 쟤네를 접근하는게 좋다 그래서
ui는 훅스에만 의존하고
훅스에서 도메인로직이랑 리덕스랑 쿼리랑 이런거 다 접근했음
이렇게 하는게 맞는거냐?
왜 좋은건데 파일은 5배로 늘어나고 ㅡㅡ 코드 줄수는 오히려 늘어났냐...
모든 파일에 이렇게 하면 존나 일많은거 같은데...
하면 기능 수정하거나 추가할때 진짜 효과 있음?
이건 리액트나 프론트엔드에만 해당되는게 아니라 프로그래밍 일반론이야
그럼 모든 프로그램에서 무조건 이렇게 해야되나요??
컴포넌트 복잡한거 아니면 그냥 써도됨. 원래 저런건 클린하게 구조 가져가는대신 보일러플레이트 정도는 감수하는거.
감사합니다!
너가 컴퓨터 판매점 일한다고 가정하고, 컴퓨터 조립할때 CPU, 메모리, 그래픽카드 각각 부품이 레고처럼 부품으로 되어있어서 하나하나 조립해서 만들어야 된다고 생각해봐, 예를들어 CPU는 핀셋을 사용자가 하나하나다 끼워야되고 그래픽카드는 안에 방열판 다 붙이고 팬도 직접 달아야됨. 하나쯤은 프라모델 조립하듯이 재밌을수도 있겠지, 근데 대량주문이 있어서 200대 조립해야 된다고 생각해봐라. 리팩토링한 컴퍼넌트 하나하나가 이제 CPU, 그래픽카드, 메모리가 된 거다. ㅅㄱ
근데 테이블 왤케 많음? 엑셀처럼 빈칸이 있어야 되는거 아니면 flex로 다 해결가능할것같은데 - dc App