# Micro Frontend

10개의 포스트
post-thumbnail

single-spa 시작하기

single-spa cli를 설치한다.글로벌에 설치로컬에 설치글로벌에 설치했을 경우로컬에 설치했을 경우

2022년 7월 13일
·
0개의 댓글
·
post-thumbnail

Module Federation

리액트 프로젝트를 모놀릭스 아키텍처에서 micro-frontend로 바꿔보자

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

Module-federation에서 webfontloader은 어떻게 적용 해야 할까?

모든 패밀리 사이트의 폰트는 process.env.VUE_APP_COMM_HOSTNAME + "/styles/fonts/\_font.css" 으로 일관성있게 적용blink현상 없이 폰트 적용(폰트 로더가 먼저 로딩)webfontloader.tsremote package

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

Module-federation에서 host와 remote에 같은 이름에 CSS 가 있으면 어떻게 적용될까?

remote에서 공유된 CSS가 우선순위를 가짐.hostmain.tsremote webpack.config.js

2022년 4월 20일
·
0개의 댓글
·

Module-federation에서 host와 remote에 같은 이름에 SCSS Variable이 있으면 어떻게 적용될까?

각자 독립된 scope에서 서로 다르게 반영되어 동작함.remote \_variables.sasshost\_variables.sasswebpack.config.js(remote, host 양측 동일) webpack에 의해 번들링될때 scss의 variables($p

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

moduleFederation *CSS파일 host공급방법 3가지

types/types.d.tsmain.ts

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Vue3-WebPack5 Module Federation (With Hot Reload)

webpack5 module Federation 2020년 10월에 릴리즈한 webpack5 스펙에 module Federation이 추가 되었다. 실무에 적용해 보고 그 과정을 공유해 보자.

2022년 4월 4일
·
0개의 댓글
·
post-thumbnail

(번역) Module Federation을 언제, 어떻게 사용해야 하나요?

원문: When should you leverage Module Federation, and how? 모듈 페더레이션(Module Federation)을 언제, 왜, 어디서 활용해야 하는지에 관해 기술의 창안자의 생각과 패턴을 공유합니다.

2022년 3월 26일
·
0개의 댓글
·
post-thumbnail

Micro-Frontend 구축기 (1)

Micro-Frontend를 구축하게 된 이유를 다룹니다.

2021년 12월 8일
·
4개의 댓글
·
post-thumbnail

[Day-2] Micro Frontends in Next.js

요즘 몇년 사이의 Backend 트랜드인 Micro Services의 Frontend 버전을 만든 것에 대한 글

2021년 4월 20일
·
0개의 댓글
·