- AXOps (MLOps 자동화플랫폼)
노코드 기반 MLOps 워크플로우 자동화 플랫폼(AXOps)의 프론트개발을 담당하고 있습니다.
React와 TypeScript 기반으로 프론트엔드 UI를 구현하고 있으며, 상태 관리는 Zustand를 사용하고 있습니다.
워크플로우 및 파이프라인 시각화를 위해 React Flow 기반의 에디터를 적용하였고,
대시보드 영역에는 ECharts를 활용하여 실시간 데이터 및 실행 결과를 시각화하고 있습니다.
또한 Airflow, Kubeflow와 연동되는 MLOps 파이프라인 UI를 개발하고있습니다.
- 프론트엔드 보일러플레이트 구축
React와 TypeScript 기반의 프론트엔드 보일러플레이트를 신규 구축하였으며, Zustand를 활용한 상태 관리 구조를 포함해 프로젝트 전반의 코드 컨벤션과 폴더 구조를 재정의하였습니다. 이를 통해 초기 개발 환경을 표준화하고, 팀 단위 협업 및 기능 확장이 용이한 프론트엔드 아키텍처를 마련하였습니다.
- 디자인 시스템 기반 공통 컴포넌트 라이브러리화
사내 디자인 시스템을 기반으로 emotion을 사용해 Button, Tab, Pagination 등 공통 컴포넌트를 설계·구현하고, 이를 재사용 가능한 컴포넌트 라이브러리 형태로 구성하였습니다.
해당 라이브러리는 AXOps MLOps 플랫폼 전반에 적용되어 UI 일관성을 확보하고, 중복 개발을 줄여 유지보수성과 개발 효율성을 향상시켰습니다.
查看更多