MFA (2) 썸네일형 리스트형 [모노레포, 마이크로 프론트엔드(MF)] 호스트 앱과 리모트 앱 동시 실행하기 목차문제 정의해결방안해결과정상위 프로젝트 세팅lerna 설치 및 세팅오류 해결(trouble-shooting) 문제 정의MFA 구조는 호스트 앱과 리모트 앱이 독립적으로 배포 및 실행되어야 한다. 따라서, 로컬 개발 단에서는 1개의 서비스 앱과 n개의 리모트 앱을 일일히 하나씩 실행하고 종료해야 한다. 이 부분은 시간소모를 일으키며 유지보수 시 어떤 앱을 실행해야할지 직접 신경써야 하므로 번거로울 수 있다. 해결방안모든 앱을 포괄하는 상위 프로젝트를 만든 후 호스트 앱과 리모트 앱을 병렬로 실행하는 커맨드를 만든다.해당 커멘드는 lerna 라이브러리를 이용해 설정한다. 해결과정상위 프로젝트 세팅호스트 앱과 리모트 앱을 포함하는 상위 디렉토리 root1을 생성한다. 이 디렉토리가 각 앱을 병렬 실행하는 상.. 마이크로 프론트엔드(MF) 1. 배경 지식 및 개념 정리 주제모놀리틱 아키텍처의 개념과 문제점msa의 개념마이크로프론트엔드(MFA) 회사 업무 중 마이크로 프론트 아키텍처(MFA)에 대해 알게 되었고프론트엔드 개발 공부에 도움이 될 것 같아 간단하게 정리해보았다.아키텍처에 전혀 문외한인지라배경이 될만한 개념들부터 하나씩 살펴가겠다. 프로젝트 구조: monolithic 아키텍처부터 MSA의 등장MSA는 백엔드에서 사용되는 아키텍처이나, 모놀리틱 아키텍처의 문제점을 극복하기 위해 사용된다는 점에서 알아볼 필요가 있다. monolithic 아키텍처1) 개념의존성, 프레임워크공통개발 같은 프로젝트 내 모듈별 분리패키징 & 빌드전체 패키징 & 전체 빌드 모놀리틱 아키텍처란, 여러 서비스를 하나의 프로젝트 아래에 위치시키며 개발 및 운영을 하는 방식이다.예컨대, 웹툰을.. 이전 1 다음