vroomfan

SAP Labs Korea의 HANA Platform Core Korea CloudOps 팀에서 인턴십을 수행하였습니다. 인턴 기간 내에 프로젝트를 완수하여 놀랐다는 평가를 받았습니다.

개발 기간: 1개월(2019.01.21 ~ 2019.02.22)

개발 기여도: 100%

기술 스택

SAP UI5, javascript, d3.js, jQuery

작업 내용

• 'HaaS Service Availability Ping Integration' 프로젝트의 일환으로, 세계 여러 지역에 위치한 데이터베이스들의 핑 데이터를 시각화한 대시보드 구현했습니다.

  • 요구 사항을 전달받은 후 이해한 내용을 그림으로 그려 피드백을 요청드렸습니다. 이를 통해 요구 사항을 더 정확하게 확인하고 개발에 필요한 내용을 정리할 수 있었습니다.

• 첫째 주는 SAP UI5의 기본적인 사용법을 익히고 d3.js 문서를 읽는 시간을 가졌습니다.

• 둘째 주에 UX 디자이너와 최종 디자인을 확정하고, 이를 바탕으로 프로젝트를 개발하기 시작했습니다.

  • DB ID를 검색할 수 있는 검색 바
  • 필터값에 따라 데이터를 가져오도록 Ajax 요청

  • 시간에 따른 응답 시간을 보여주는 선 그래프

    • 중간에 데이터가 끊겨 있다면 여러 개의 불연속적인 선 그래프로 나누어 표시하는 기능을 구현했습니다.
    • 에러가 발생한 시간대에 붉은 사각형을 그려 시각화했습니다.

  • 서비스의 상태를 표시하는 3개의 상태 바

    • 간트 차트 UI에서 아이디어를 얻어 구현했습니다.

  • 경고 메시지의 시각을 표시하는 경고 아이콘

    • 선 그래프 위에 경고 아이콘을 표시하고 tooltip을 통해 경고 메시지를 보여주는 기능을 구현했습니다.

  • 데이터베이스의 상태를 표로 나타내는 핑 테이블

    • 차트와 테이블을 동기화하여 데이터베이스의 상태를 테이블에서 확인할 수 있도록 구현했습니다.
  • 드래그를 통해 시간 축을 변경하는 brush zoom 기능을 구현했습니다.
  • 마우스 위치와 가장 가까운 핑 데이터를 trace하고 tooltip을 표시하는 기능을 구현했습니다.

• 최종적으로 버그와 CSS를 수정하고, 발표 자료를 준비하는 시간을 가졌습니다.

• 첫 회사 업무를 통해 기획, 개발, 중간 피드백, 최종 결과 발표까지 이어지는 일련의 과정을 겪으며 개발에 대한 흥미를 느끼게 되었습니다.

  • 업무를 정확히 이해하고, 요구사항을 파악하여 구현하는 능력을 배웠습니다.
  • 일정을 관리하고, 중간 결과물을 제출하며, 피드백을 받아 수정하는 과정을 경험했습니다.
  • 새로운 기술을 빠르게 습득하고 적용하는 능력을 키웠습니다.