| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- react
- useEffect
- a11y
- 컴포넌트설계
- ModuleFederation
- Next.js
- styledcomponents
- ionic
- CICD
- 프론트엔드 개발
- githubactions
- turborepo
- 자바스크립트
- 타입스크립트
- 웹개발
- typescript
- pnpm
- javascript
- styled-components
- 프론트엔드아키텍처
- useState
- RECOIL
- 모노레포
- vue3
- flutter
- 상태관리
- 프론트엔드
- capacitor
- frontend
- mvvm
- Today
- Total
목록ModuleFederation (2)
yunkogong
2026년 7월 12일. 오늘은 코드 한 줄도 안 치고 하루 종일 아키텍처 교과서만 팠다. 새 프로젝트(통합 어드민)를 시작하려는데, 지난주에 만든 프로젝트 A를 참고해야 할지, 회사 기존 프로젝트인 프로젝트 B를 참고해야 할지 고민하다가 이 둘이 서로 다른 아키텍처라는 걸 알게 됐다. 근데 둘의 차이가 도대체 뭔지 도무지 감이 안 잡혀서 몇 시간을 헤맨 기록이다.기술 설명문이 아니라 "오늘 이런 걸 헤맸고 이렇게 정리했다"는 일기다.시작은 "프로젝트 B 참고해서 만들자"였다오늘 아침 미팅에서 정한 것은 통합 어드민 프로젝트를 시작하는 일이었다. 그런데 시작하기 전에 하나만 결정하면 될 줄 알았다. "어느 프로젝트를 참고해서 만들지."내 마음은 이미 정해져 있었다. 프로젝트 B를 참고하자. 이유는 어드민..
환경: React + TypeScript / Module Federation 모노레포들어가며관리자 시스템에서 "같은 화면인데 권한에 따라 다르게 동작해야 한다"는 요구는 흔합니다. 그런데 Module Federation 기반 모노레포에서는 구조적인 고민이 하나 더 붙습니다.로그인 상태(역할 정보)는 호스트 앱이 들고 있고, 실제 UI 기능은 원격 모듈에 흩어져 있습니다. 원격 모듈이 호스트 store를 직접 참조하면 두 패키지가 강하게 결합되어 버리죠. 그래서 "역할(role)을 어떻게 원격 모듈로 내려보낼지"를 먼저 정해야 합니다.1. "숨김(hidden)" vs "비활성(disabled)" 기준부터권한 UI를 짜기 전에, 요소를 숨길지 아니면 비활성화할지부터 정해야 합니다. 이 기준이 흔들리면 화면마..
