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