# Micro Frontend의 현재

> Clean Markdown view of GeekNews topic #2167. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2167](https://news.hada.io/topic?id=2167)
- GeekNews Markdown: [https://news.hada.io/topic/2167.md](https://news.hada.io/topic/2167.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-05-28T11:07:36+09:00
- Updated: 2020-05-28T11:07:36+09:00
- Original source: [blog.bitsrc.io](https://blog.bitsrc.io/state-of-micro-frontends-9c0c604ed13a)
- Points: 10
- Comments: 2

## Topic Body

- 마이크로 프론트엔드란 무엇인가

ㅤ→ API G/W 기반 MSA로 구분된 백엔드 처럼 App Shell등 기반으로 프론트엔드를 모듈로 분리

- 프레임워크 및 헬퍼들

ㅤ→ Client : Piral, Open Components, qiankun, Luigi, Flint.js

ㅤ→ Server : Mosaic, PuzzleJS, Podium, Micromono

ㅤ→ Helper : Module Federation, Siteless, Single SPA, Postal.js, EventBus

## Comments



### Comment 1912

- Author: cloverhearts
- Created: 2020-05-28T12:49:29+09:00
- Points: 1

오.. 이거 도움이 많이 되는 글이네요

### Comment 1910

- Author: xguru
- Created: 2020-05-28T11:07:41+09:00
- Points: 3

글 작성자가 Piral 의 메인 컨트리뷰터 인 것은 알고 보시면 좋을듯 합니다.

Martin Fowler 의 Micro Frontend 도 참고하세요 [한글 번역] https://medium.com/@juyeon.kate/micro-frontends-%EB%B2%88%EC%97%AD%EA%B8%80-1-5-29c80baf5df

실제 App Shell 이나 UI Engine 개념들에 대한 소개는 아래 글이 좀더 자세합니다.

Breaking down the last Monolith - Micro Frontends https://dev.to/aregee/breaking-down-the-last-monolith-micro-frontends-hd4

토스의 마이크로프론트엔드 아키텍처, 그리고 자동화 https://speakerdeck.com/raon0211/toseuyi-maikeuropeuronteuendeu-akitegceo-geurigo-jadonghwa