Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 2. 모듈 페더레이션 PoC 섬네일

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

올리브영 favicon올리브영·Architecture·
TypeScriptReactJavaScriptNextjsModule Federation
2025년 11월 06일4

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

올리브영이 Next.js 기반 모듈 페더레이션 PoC를 통해 런타임 코드 공유 아키텍처의 가능성을 확인했습니다.

구현 방법

  • Host/HomeModule/CommonUI 간 원격 모듈 공유 구성
  • CSR/SSR 양쪽에서 런타임 로딩과 동적 임포트 구현
  • remoteEntry.js, exposes/remotes, 공유 의존성 관리의 기본 흐름 점검
  • NextFederationPlugin 설정 및 타입 안전성/자동화 가능성 검토

주요 결과

  • 특정 페이지에 MF를 적용해 독립 배포의 가능성 확인
  • CSR/SSR 구분에서의 구현 과제 및 자동화, 타입 안전성 필요성 인지

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야? 섬네일
72%

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야?

올리브영 favicon올리브영·2025년 07월 22일
Webpack Module Federation 도입 전에 알아야 할 것들 섬네일
72%

Webpack Module Federation 도입 전에 알아야 할 것들

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 06월 23일
프론트엔드와 THE TWELVE-FACTOR APP 섬네일
71%

프론트엔드와 THE TWELVE-FACTOR APP

카카오엔터테인먼트 favicon카카오엔터테인먼트·2021년 11월 25일