어플리케이션, 서버, 데이터베이스, 컨테이너, URL 등을 모니터링 하는 와탭의 서비스

기술스택

ReactJS

• TypeScript
• Ant Design
• Redux
• StyledComponent
• Rx.js
• 자사제작 ChartComponent
• D3.js

SpringBoot

업무내용

• 와탭 2.0 레이아웃 구현
  • Antd 2.x 모듈 4.x 모듈과 동시에 적용하여 리팩토링
• 타임셀렉터 컴포넌트 구현
  • 시간과 분을 간단하게 가볍게 조절할 수 있는 구간별 시간 연산 기능
  • 9to6와 같은 자주 사용하는 시간대 프리셋
  • 0시부터 24시까지의 범위를 지정하는 슬라이더 기능
• 서버 카드 목록 위젯 구현
  • 와탭의 제품 중 서버 모니터링 제품에서 서버들의 상태를 볼 수 있는 화면 중 상세페이지까지 가지 않더라도 한눈에 문제사항을 파악할 수 있는 페이지를 개발
  • 웹 브라우저 창을 최대화 하여 봐야한다는 관점을 제거하고 다른 작업을 하면서도 작게 볼 수 있는 형태의 뷰로도 활용이 가능
• 헤더 히스토리 구현
  • 페이지 이동의 혼란을 최소화 하고자 웹 브라우저의 히스토리를가지고 이동하는 사람들의 편의성을 보전하기 위해 이동된 페이지에 기록 저장하여 관리.
• 통합대시보드 구현
  1. 커스텀 위젯 추가
  2. 제품별 커스텀 옵션 구현
  3. API 반복 호출 빈도 최소화