CLOUDY

프로젝트 소개

클라우드 자원 사용 현황과 비용을 실시간으로 시각화하고 최적화 방안을 제시하는 FinOps 대시보드 서비스

개발 기간

시작일: 2024.10.12

종료일: 2024.11.19

개발환경 및 기술스택

Frontend

Backend

Infra

Tool

설계

주요기능

구현 화면

cloudy 배포 링크

대시보드

• 서버 호출 횟수 및 CPU/메모리 사용량을 보여주는 실시간 line 및 guage 차트

• 사용량에 따른 비용 요약과 서버 추천

• 일일 비용을 보여주는 캘린더

서버 사용량

• 컨테이너별 호출 횟수를 보여주는 실시간 차트와 표

• 컨테이너별 호출 횟수를 비율로 확인할 수 있는 버블 차트

컨테이너 사용량

• 컨테이너에 떠있는 각각의 외부 서비스에 대한 사용량

비용 캘린더

• 일자별 서버 사용 비용을 확인할 수 있는 캘린더

• 선택된 날자로부터 최근 일주일의 컨테이너별 호출 횟수를 보여주는 표와 bar 차트

임계치 알람

• 회원이 설정한 임계치에 도달하면 해당 회사 직원들에게 임계치가 초과했다는 알람 발송

회원 설정

• 관리자 계정일 경우 부서에 따른 계정 생성 및 삭제를 통해 관리

임계치 설정

• 서버 사용량에 따른 비용($)를 기준으로 임계치를 설정

서버 설정

• 클라우드 종류 및 인스턴스 종류, 결제 방식을 선택하여 서버를 등록하고 상세 내용을 조회 및 삭제

팀 소개

Frontend

역할	이름	작업 내용	GitHub ID
Frontend	표다영	디자인, 로그인, 대시보드/서버 및 컨테이너 사용량 실시간 line 차트, 서버 설정, SSE 알람	@celestedayoung
	김현지	디자인, 대시보드/서버 및 컨테이너 사용량 실시간 bubble 차트, 비용 캘린더, 임계치 설정, 일반 회원 설정, 회원가입	@hyeonzi423
BackEnd	박성재	인프라(프론트, 백엔드 배포 자동화, 컨테이너 관리), logstash를 활용한 로그 데이터 수집, elasticsearch를 활용한 로그 데이터 분석 API 구축, 부하 테스트	@qkrtjdwo5662
	안재현	Elasticsearch를 활용한 로그 데이터 분석 및 인스턴스 추천, Processbuilder를 활용한 CPU, 메모리 사용량 API 개발, API 구축	@jhyun9505
	고동현	SSE 알람, 인프라 초기세팅, 기본 API 세팅, DB 설계	@DongHyun222

아키텍쳐