pile·
프론트엔드·oliveyoung올리브영 테크블로그·

대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 3. Nx를 활용한 마이크로프론트엔드

문제PoC(Part 2)에서 발견된 수동 webpack 설정·타입 안전성 부재·SSR 복잡도 문제를 해결할 MFE 관리 도구 필요
접근Nx를 모노레포 관리 도구로 채택. Turborepo 대비 의존성 그래프 시각화·플러그인 생태계 우위 확인, CLI로 host·remote 앱 생성, 빌드타임 통합과 Module Federation 런타임 통합 두 방식 실습
결과Nx를 통해 MFE 설정 자동화·의존성 관리·계산 캐시까지 통합 관리 가능함을 확인. 장기 개발 생산성·유지보수성 향상을 위한 아키텍처 기반 확보
oliveyoung
올리브영 테크블로그 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2