본문 바로가기

토이 프로젝트2

React 공부 자료 Open-Monitoring 프로젝트를 진행하면서 간단한 UI가 필요했다. React를 활용해 간단한 UI를 구현하기로 결정했고 이를 위해 공부한 자료를 기록한다. 강의 https://www.inflearn.com/course/%EB%A7%8C%EB%93%A4%EB%A9%B4%EC%84%9C-%ED%95%99%EC%8A%B5%ED%95%98%EB%8A%94-%EB%A6%AC%EC%95%A1%ED%8A%B8/dashboard * 기존에 MVC 페턴에서는 컨트롤러가 모델이 변할 때 마다 뷰를 그려준다. * Reactive 하다는 것은 모델이 변하면 이를 자동으로 인지해 뷰를 갱신하는 것을 의미한다. * React * React에서 사용하는 라이브러리 정도 * React.createElement()함수 => .. 2022. 1. 13.
하고싶은것.. 1. 빌드, 테스트, 배포 자동화 환경 구성해 보기 2. 모니터링 환경 구성해 보기(일단 metric만, 추후 log도 확장 여지 있음) side-car 형태의 작은 도커 이미지로 만들어서 인스턴스에 붙이기 아니면 클라우드 서비스 형태로 모니터링 서비스 만들어보기?! 로그인했고 인증된 사용자에 대해 웹 ui에서 모니터링 대상 endpoint를 입력하면 그로부터 메트릭을 pulling 해서 시계열 디비(prometheus)에 저장 웹 ui에서 대상 지표의 임계치를 입력하면 그로부터 임계치가 넘으면 알람 트리거 웹 ui에서 이메일이나 slack web hock 주소를 입력하면 알람이 트리거 될 시 알람 전송 레퍼런스 https://docs.toast.com/ko/Compute/System%20Monitori.. 2022. 1. 5.