react 프로젝트 컴포넌트 재사용

Question

안녕하세요!
프로젝트 진행 중 어떤 방법이 더 나을지 모르겠어서 질문드립니다!

리스트 UI는 똑같고 배열 내용(api응답)만 다른 게시판 페이지가 두개 필요할 때

1. 페이지 하나만 만들고 url에 따라 내용(api요청)을 바꾼다
 장점: 코드 작성이 적어짐
 단점: 네이밍이 애매해짐 (복잡해질 수 있음)

2. 페이지 두개 만들고 스타일 컴포넌트를 재사용한다
 장점: 네이밍이 구분됨
 단점: 위 방법보다 코드 작성이 많아질 듯

좀 더 나은 방법과 이유 좀 무엇인지 부탁드립니다ㅠ
또는 위 방법이 아닌 더 좋은 방법이 있다면 알려주셔도 감사하겠습니다!!

김태우 · Answer

저라면 추후 프로젝트가 어떻게 업데이트 될지 모르고 UI만 똑같고 기능 추가가 다르게 들어갈 지도 모른다는 것을 고려하면 레이아웃 컴포넌트로 따로 빼고 재사용을 할 거 같네요.

두 개의 다른 페이지를 하나의 컴포넌트로 렌더링시키는 것은 결국 페이지 구분이 나뉜 것이기에 어떠한 기능이 다르게 추가될지도 모르고 단순히 카드같이 작은 단위가 아니기 때문에 재사용이 맞다는 생각이 드네요!

리팩토링을 위해서라도 좋은 코드를 짜는 것이 좋다고 생각하기 때문에 어느쪽이 좋은 코드인지 생각해보시길 바랄게요!

하지만 이것은 서비스 구현 목적에 따라, 그리고 개발자에 따라 달라질 것이라는 생각은 드네요! 제 개인적인 생각일 뿐입니다!