Single SPA와 Webpack Module Federation을 활용한 Single Page Application에서의 Micro Frontend Architecture

Micro Frontend Architecture에 대하여 정의하고 Single SPA와 Webpack Module Federation를 활용한 Single Page Application에서의 Micro Frontend Architecture를 구현함으로서 비즈니스 코드에서 Micro Frontend Architecture의 유효성을 고찰해본다.

sample project 구동 방법

cd capstone-design-single-spa-navbar
yarn start --port 9001

cd capstone-design-single-spa-news
yarn start --port 9002

cd capstone-design-single-spa-comment
yarn start --port 9003

cd capstone-design-single-spa-recommend
yarn start --port 9004

cd capstone-design-single-spa-root
yarn start