Project11-C-Web-FE-Performance-Monitoring-Server (@Acent)

개발 환경

Javascript Typescript React NodeJS Express MongoDB Docker

배포 주소

http://101.101.208.107.xip.io/

팀원 소개

J019_권오민 (Web)

  • @ohmink 🦉
  • SDK > Frontend > Backend
  • SDK 구현 및 배포
  • 프론트 화면 구현 및 전체 디자인
  • 그 외 문서화

J101_신동민 (Web)

  • @NukeStorm 🚀
  • Backend > SDK > Frontend
  • 서버 api구현
  • 프로젝트 배포 및 운영

J127_유현우 (Web)

  • @puba5
  • Frontend > Backend > SDK
  • 프론트 화면 구현

J213_하지수 (Web)

  • @JeesooHaa 🙈
  • Frontend > Backend > SDK
  • Admin 사이트 화면 구현
  • 서버 API 구현

프로젝트 소개

acent_image

Acent란?

  • Acent는 웹 개발자 팀이 실시간으로 오류를 발견하고, 분류하고, 분석할 수 있도록 돕는 모니터링 시스템입니다.
  • 서비스에 로그인하여 알맞은 프로젝트를 생성하고, 가이드에 따라 코드를 이식하는 것으로 사용이 가능합니다.

주요 기능

에러 및 로그 등의 이슈를 실시간으로 모니터링할 수 있습니다.

  • 직접 서비스에 접속하지 않아도, 특정 이슈에 대해 이메일로 바로 알 수 있습니다.

에러 및 로그 분석을 용이하게 합니다.

  • 운영체제, 브라우저 등의 환경, 그리고 어떤 요청으로 인해, 어떤 코드로 인해 발생할 수 있는지 보여줍니다.

에러 및 로그 등의 이슈들을 관리할 수 있습니다.

  • Acent는 하나의 프로젝트에 여러 멤버를 초대하여 해당 이슈에 대한 해결 요청을 보낼 수 있습니다.

수집한 이슈들을 시각화하여 프로젝트의 문제점을 한눈에 파악할 수 있습니다.

  • 어떤 종류의 이슈가 많이 발생하는지 알 수 있습니다.
  • 어떤 날짜에 오류가 많이 발생했는지 알 수 있습니다.

flow chart

flow

프로젝트 구조

project structure@2x (1)

  • 프론트엔드, 백엔드, SDK 모두 타입스크립트를 도입
  • 프론트엔드와 백엔드 모두를 도커 컨테이너화하여 배포&운영
  • docker-compose로 프론트엔드,백엔드를 도커 이미지 빌드, 컨테이너 자동 실행하도록 docker-compose.yml 작성
  • Naver Cloud Platform 서버에 배포하여 운영중
  • 자세한 사항은 아래 wiki를 참조 ▼

WiKi

Wiki Link

Repository