핵심 요약
직방은 React Native에 모듈 페더레이션을 적용하기 위해 Re.Pack를 도입하고, host가 app1, app2의 remote 모듈을 런타임에 불러오는 구성을 구현했습니다.
주요 경험
- Re.Pack과 Module Federation Plugin으로 호스트/리모트 컨테이너를 분리하고 Suspense와 ErrorBoundary로 로딩과 에러를 관리
- ScriptManager.shared.addResolver로 로딩 URL과 dev 서버를 동적으로 설정
- remote 모듈의 캐시를 활용하고 필요 시 invalidateScripts로 재다운로드 가능
얻은 인사이트
- 네트워크 비용 증가와 테스트 관리 비용 증가 등 운영 부담이 생길 수 있음
- 초기 설정에서 버전 호환성 이슈와 생태계 지원 한계가 존재
- 모듈 분리로 디버깅·테스트가 빨라지는 장점과 배포 관리 필요성
