본문 바로가기

controller2

[React Native] profile별 controller/model을 분리해서 공통 코드량을 줄이는 방법 React Native 통합 앱에서 profile이 늘어나면 화면보다 먼저 복잡해지는 부분이 데이터 처리입니다. 어떤 앱은 관광지 목록을 보여주고, 어떤 앱은 산행 코스를 보여주며, 또 다른 앱은 파일 기반 데이터를 보여줄 수 있습니다. 화면 구조는 비슷해 보여도 원본 데이터 필드와 상세 화면에서 필요한 값은 조금씩 다릅니다.이때 모든 화면에서 profile별 조건문을 직접 작성하면 공통 코드가 오히려 더 복잡해질 수 있습니다. 화면 컴포넌트가 각 profile의 원본 필드를 모두 알고 있으면 새 profile을 추가할 때마다 화면 코드가 커지고, 작은 수정도 다른 profile에 영향을 줄 가능성이 생깁니다.그래서 profile별 controller와 model normalizer를 분리해 원본 데이터.. 2026. 5. 21.
[React Native] 통합 앱에서 프로파일별 controller와 model을 분리하는 기준 React Native 통합 앱에서 여러 프로파일을 하나의 코드베이스로 관리하다 보면 화면은 비슷한데 데이터 구조와 처리 방식이 조금씩 다른 경우가 많습니다. 처음에는 화면 컴포넌트 안에서 if 문으로 처리할 수 있습니다. 하지만 프로파일이 늘어나면 UI 파일이 데이터 변환, API 응답 정리, 화면 상태 판단까지 모두 떠안게 됩니다.처음에는 화면에서 바로 데이터를 맞추는 방식이 빠르게 느껴질 수 있습니다. 그런데 실제로 정리해보면 통합 앱에서는 화면이 공통 자산이 되기 때문에, 화면 안에 프로파일별 예외가 쌓이는 순간 유지보수가 어려워지는 것 같습니다.이럴 때 controller와 model을 분리하면 공통 UI의 조건문을 줄일 수 있습니다. model은 화면에서 사용할 데이터 형태를 정의하고, con.. 2026. 5. 20.