React에서 관심사 분리하기

React에서는 어떻게 관심사를 분리할 수 있을까요? 사람마다 관심사를 분리하는 방법은 다르겠지만, 관심사의 분리가 무엇인지는 뜻이 통할 것이라고 생각합니다. 오늘은 제가 고민하고 개선해나간 과정과, 그 결과를 공유해보려고 합니다. UI 와 로직 분리하기 현재 제가 재직 중인 회사에서는 Presenter Container 패턴을 사용 중에 있습니다. 고로 UI 와 로직이 분리되었죠. 그에 따른 예시는 다음과 같습니다. 컨테이너가 프리젠터 컴포넌트를 감싸고 있고, 컨테이너에선 로직을 담당하고 프리젠터가 UI 를 그려줍니다. 문제점 Presenter Container 를 쓰다보니, 이 사이에 Props가 많아지게 되었습니다. 당연히 관련 로직도 많고 많아지면 많아질 수록 코드 리딩 및 추적이 어려워지게 되었..

2023.05.30