핵심 요약
올리브영이 Part 1에서 마이크로프론트엔드의 개념과 구조, 장단점, 통합 방식을 정리했습니다. 빌드타임/런타임 통합과 언제/어디서 조립할지에 대한 선택지를 비교하고, Module Federation·Next.js Multi-zone 등 기술 옵션을 소개합니다.
구현 방법
- 빌드타임 통합: npm 패키지 의존성 및 모노레포(Nx) 기반으로 하나의 번들을 생성
- 런타임 통합: Webpack 5 Module Federation으로 호스트-리모트를 동적으로 로딩
- 통합 위치: 서버 SSR, 클라이언트 CSR, 에지 Compute 고려
주요 결과
- 독립적 개발/배포와 점진적 현대화 등 장점
- 버전 충돌 위험, 런타임 복잡성 증가, 인프라 비용 증가 같은 도전 과제
