exemONE

회사의 첫 통합 모니터링 대시보드 제품 개발에 초기부터 릴리즈까지 참여. 프론트엔드 17명이 협업하는 환경에서 대시보드 파트를 리딩하며, 약 3년간 620건 이상의 작업(MR)을 머지하며 제품을 주도적으로 발전시켰습니다.

아키텍처 · 인프라

• 위젯 시스템 전면 리팩토링 — 30종이 넘는 위젯의 공통 구조를 재설계해 신규 위젯 추가·유지보수 비용을 크게 낮춤 (수백 개 파일 규모의 핵심 아키텍처 개편).
• 빌드 마이그레이션 (Webpack → Vite) — 개발 서버 기동·빌드 속도를 대폭 단축해 팀 전체 생산성을 개선.
• 상태관리 마이그레이션 (Vuex → Pinia) — 레거시 전역 상태를 타입 안전한 최신 스토어로 이전해 코드 일관성과 유지보수성을 확보.

핵심 기능

• 다크 / 화이트 테마 시스템 — 어두운 테마만 있던 제품에 가시성 높은 화이트 테마를 추가 도입. 색상 토큰 체계를 세워 두 테마가 일관되게 동작하도록 설계.
• 권한 관리(RBAC) — Master / Admin / User로 권한을 세분화해 제품 전반의 보안성·운영 안정성을 강화.
• 외부 모니터링 연계 (Prometheus · Elasticsearch) — 고객사가 이미 쓰던 외부 대시보드를 통합해 영업 경쟁력을 확보.
• 대시보드 범례 — 한 대시보드 내 여러 위젯의 지표를 한곳에서 취합해 별칭·색상을 커스터마이즈하고, 특정 지표만 필터링해 볼 수 있게 구현.
• 위젯·대시보드 이미지 캡처 — 팝업에서 데이터 API를 재호출하지 않도록 차트 데이터를 sessionStorage·window.postMessage로 전달하는 방식으로 성능 문제를 해결.

엔터프라이즈 고객사 대응

• 국내 대형 증권사, 글로벌 가전·전자 대기업, 카드·보험사, 공공기관 등 다수 고객사의 대시보드 커스터마이징 요구사항을 직접 설계·구현 (예: 뷰모드 위젯 속성 변경, 전체화면 실시간 모니터링).

도메인 · 운영

• DB(Oracle · MySQL · PostgreSQL · SQL Server · Altibase 등) · 인프라 · Kubernetes · 클라우드 · 로그 · 알림 등 이종 모니터링 대상을 단일 대시보드로 통합하는 제품 전반을 다룸.
• 신규 기능 개발과 함께 다수의 버그·개선 작업으로 출시 제품의 안정성과 사용성을 지속 관리.

Vue3 + TypeScript + SCSS 기반.