대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC

대규모 서비스에서 발생하는 코드 중복, 높은 결합도, 배포 병목 현상을 해결하기 위해 모듈 페더레이션(Module Federation, MF) 도입을 검토했다. MF는 JavaScript 애플리케이션 간에 코드와 리소스를 런타임에 공유할 수 있는 아키텍처 패턴이다.

기존의 빌드 통합 방식과 달리, MF는 런타임 통합을 통해 각 마이크로 프론트엔드가 독립적으로 배포될 수 있도록 돕는다. 이를 통해 특정 모듈의 변경 사항을 다른 애플리케이션의 재배포 없이 실시간으로 반영할 수 있다.

주요 개념으로는 다른 앱을 로드하는 Host, 모듈을 노출하는 Remote, 그리고 의존성 중복 로드를 방지하는 Shared Dependencies(Singleton) 등이 있다. 올리브영은 이번 PoC를 통해 Next.js 기반의 MF 구성 방식을 검토하며 서비스 확장성을 확보하고자 한다.