핵심 요약
에잇퍼센트가 웹 컴포넌트 도입으로 Vue2에서 React로의 점진적 마이그레이션 시 UI 개발 비용을 최소화하고, eds-wc를 통해 프레임워크 독립적 UI 재사용을 확보했습니다.
구현 방법
- eds-wc 기반 UI 컴포넌트 라이브러리 구현 및 SOT 유지
- Lit을 활용하고 Shadow DOM으로 스타일/스크립트 격리
- 프레임워크에 구애받지 않는 컴포넌트 재사용으로 Vue2/React 간 파편화 최소화
주요 결과
- UI 개발 비용이 거의 0에 가깝게 감소
- 두 프레임워크 공존으로 인한 UI 파편화 및 유지보수 비용 대폭 감소
- 디자이너/개발자 간 커뮤니케이션 비용 감소로 비즈니스 로직에 집중 가능
