Project11-C-Web-FE-Performance-Monitoring-Server (@Acent)
개발 환경
배포 주소
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란?
- Acent는 웹 개발자 팀이 실시간으로 오류를 발견하고, 분류하고, 분석할 수 있도록 돕는 모니터링 시스템입니다.
- 서비스에 로그인하여 알맞은 프로젝트를 생성하고, 가이드에 따라 코드를 이식하는 것으로 사용이 가능합니다.
주요 기능
에러 및 로그 등의 이슈를 실시간으로 모니터링할 수 있습니다.
- 직접 서비스에 접속하지 않아도, 특정 이슈에 대해 이메일로 바로 알 수 있습니다.
에러 및 로그 분석을 용이하게 합니다.
- 운영체제, 브라우저 등의 환경, 그리고 어떤 요청으로 인해, 어떤 코드로 인해 발생할 수 있는지 보여줍니다.
에러 및 로그 등의 이슈들을 관리할 수 있습니다.
- Acent는 하나의 프로젝트에 여러 멤버를 초대하여 해당 이슈에 대한 해결 요청을 보낼 수 있습니다.
수집한 이슈들을 시각화하여 프로젝트의 문제점을 한눈에 파악할 수 있습니다.
- 어떤 종류의 이슈가 많이 발생하는지 알 수 있습니다.
- 어떤 날짜에 오류가 많이 발생했는지 알 수 있습니다.
flow chart
프로젝트 구조
- 프론트엔드, 백엔드, SDK 모두 타입스크립트를 도입
- 프론트엔드와 백엔드 모두를 도커 컨테이너화하여 배포&운영
- docker-compose로 프론트엔드,백엔드를 도커 이미지 빌드, 컨테이너 자동 실행하도록 docker-compose.yml 작성
- Naver Cloud Platform 서버에 배포하여 운영중
- 자세한 사항은 아래 wiki를 참조 ▼