연관 문서
프로젝트 개요
IHFB의 프론트 기술의 베이스는 구조적으로(기능 = MUI / 형태 = Figma 형태) 외부 의존성을 갖추고 제작되었습니다.
서비스 구축 초기에는 내부 DS를 구축하지 않고도 빠르게 UI를 조형할 수 있다는 강점이 있었으나 시간이 흐르며 확장성있는 UX를 제공하기 위해 새로운 패턴의 UI들이 발생되는 빈도가 늘어났고 이를 위해 Base가 되는 MUI를 커스텀마이징하여 사용하는 데에 많은 리소스가 투입되는 사이드 이펙트가 발생하게 되었습니다.
이는 신규 기능을 개발할때 프론트 제작 소요 기간을 딜레이 시키고 수정사항 및 대응 항목들이 발생했을 경우 효율성을 지체하는 원인이 되고 있습니다.
솔루션
•
기존 MUI를 골격으로 가지고 있는 컴포넌트 전체를 내부 시스템으로 변경하여 확장성을 추구합니다.
•
MUI를 사용하다 보니 본래 기능보다 많은 속성값을 보유하고 있는 컴포넌트를 제거함으로써 유지보수 비용을 줄입니다.
기대효과
•
앞으로 다양한 패턴의 UI를 제작함에 있어서 개발 비용이 크게 절감됩니다.
•
커스텀마이징이 발생하더라도 어렵지 않게 대응할 수 있습니다.
•
다양한 수정사항에 대응하기 용이합니다.
•
많은 속성을 품고 있는 컴포넌트를 파악하기 위해 많은 시간을 들이지 않게됩니다.
→ 프론트엔드 개발 비용을 대폭 절감 시킵니다.
작업 티켓
작업 티켓
Search