목록으로 돌아가기

네트워크 장비 모니터링 및 관리 시스템

Client logo

교보생명 본사 및 전국 지점의 서버, 네트워크 장비, 센서 등 IT 인프라를 실시간으로 모니터링하고 장애를 관리하는 네트워크 관리 시스템
위젯 기반 대시보드, 토폴로지 시각화, 실시간 장애 알림 등 통합 관리 기능을 제공합니다.

담당 역할

기획디자인프론트엔드백엔드

기술 스택

React
TypeScript
Redux Toolkit
RTK Query
Ant Design
Styled Components
ECharts
React Flow
WebSocket
Zod
Vite

주요 기능

  • 대시보드 위젯 시스템: 드래그 앤 드롭으로 19종 모니터링 위젯을 자유롭게 배치하고 실시간 현황 파악
  • 토폴로지/랙 시각화: 네트워크 구성도와 물리적 장비 배치를 직관적인 다이어그램으로 표시
  • 실시간 장애 알림: 긴급도별 알람음과 함께 즉각적인 장애 알림 팝업 제공
  • 성능 모니터링: CPU, 메모리, 디스크, 트래픽 사용량 추이 및 랭킹 분석
  • 통합 관리 설정: 장비, 사용자, 역할, 임계치, 이벤트 유형 등 시스템 전반 설정 관리

수행 업무

  • WebSocket 기반 실시간 알림: 토픽 필터링과 메시지 버퍼링으로 대량 이벤트도 안정적으로 처리하는 알림 시스템 구현
  • 드래그 가능 위젯 대시보드: React Grid Layout으로 19종 위젯의 자유 배치, 크기 조절, 설정 저장 기능 구현
  • RTK Query 캐싱 전략: 태그 기반 캐시 무효화와 자동 리페칭으로 API 호출 최적화 및 실시간성 확보
  • Zod 런타임 검증: API 응답에 대한 스키마 검증으로 타입 안정성 강화 및 예기치 않은 데이터 오류 방지
  • React Flow 네트워크 시각화: 토폴로지 맵, 노선도, 랙 레이아웃 등 다양한 인프라 구조를 인터랙티브 다이어그램으로 구현
  • 계층형 장비 트리 구조: 지역본부-역사-장비종류 3단계 계층으로 수백 대 장비를 체계적으로 탐색
  • 다크모드 테마 시스템: 사용자 설정이 서버에 저장되어 어느 기기에서든 동일한 테마 환경 제공
#네트워크 모니터링
#실시간 대시보드
#인프라 관리
#WebSocket
#데이터 시각화
#기업용 시스템