웹 컴포넌트로 프레임워크 마이그레이션 준비하기

문제같은 컴포넌트가 개발자마다 다르게 구현돼 UI 일관성이 무너지고, Vue2 지원 종료를 앞두고 React 마이그레이션 시 UI 컴포넌트를 두 번 만드는 비용이 부담스러웠다.

접근브라우저 표준 API 기반의 웹 컴포넌트로 프레임워크 종속을 없애고, Google의 Lit 라이브러리로 eds-wc(에잇퍼센트 디자인 시스템 웹 컴포넌트)를 구축해 Vue2와 React에서 모두 동일한 컴포넌트를 import해 쓰도록 했다.

결과마이그레이션 과정에서 UI 파편화가 막혔고 추가 UI 개발 비용이 0에 가까워졌으며, 개발자들은 비즈니스 로직에 집중하면서 한 벌의 컴포넌트로 두 프레임워크를 모두 커버할 수 있게 됐다.

8퍼센트 블로그

원문은 여기서 이어서 읽을 수 있어요

읽음 (0)

이 글과 비슷한