FE개발자의 성장 스토리 03 : 카카오 어드민 UI 컴포넌트를 모노레포로 개발하여 얻은 것들

카카오 FE플랫폼팀에서 전사 FE 개발 환경 개선을 위해 어드민 UI 컴포넌트 프로젝트를 진행하며 겪은 경험을 공유합니다. 이 프로젝트는 카카오 사내 디자인 시스템을 적용하여 어드민 페이지 개발을 쉽게 하고, React 및 바닐라 자바스크립트 컴포넌트를 제공합니다.

특히, 여러 UI 환경에서 복잡한 컴포넌트를 효율적으로 제공하기 위해 컴포넌트의 코어 로직과 렌더링 로직을 분리하는 방식을 채택했습니다. 코어 로직은 별도 패키지로 관리하고, 각 UI 환경(React, HTML 등)에서 이를 활용하여 화면을 렌더링하는 구조를 통해 중복 구현을 최소화하고 관리 효율성을 높였습니다.

이를 통해 모노레포 환경에서 UI 컴포넌트 개발의 이점을 얻었습니다.