헤더 & 사이드바 기준
•
헤더 : Agent, APM
•
사이드바 : 서비스 상세 페이지에서 등장
에이전트 설치
UI는 얼마든지 변경 가능
APM 첫 화면
APM 메인 화면
최근 1시간 내 트레이스가 발생한 서비스 목록 표시 → 특정 서비스를 누르면 서비스 상세 페이지로 이동
APM 아이콘을 클릭하면, 곧바로 APM 메인으로 이동
(물론 우리 서비스에서는 헤더에 아이콘이 존재)
APM 아이콘에 커서를 올려두면 사진처럼 “Services” 박스가 보임. 이거 클릭하면 서비스명 리스트 페이지로 이동
서비스명 리스트
각 열에 알맞은 그림, 서비스명, 숫자 같은 건 다 표현해주시면 돼요
데이터독은 섹션이 분리되어있지만, 우리는 표현 정보량이 적어서 왼쪽 화면에서 다른 열에 이 ISSUES를 표현해주시면 돼요
서비스 상세 페이지
여기에서도 우측 상단 “기간 설정”은 필요합니다
좌측 이름 목록(검정 색 말고)이 보이도록 구현 필요
Service Summary
Resources
박스로 섹션 구분은 했지만, 다 하시면 돼요
Dependencies
Traces
Errors
필터링 가능하고(검색만), 마지막 열 빼고 보이면 될 듯 해요
Logs
우선 모든 로그를 나열하진 않을거예요.
에러만 리스트에 보여주는 정도? 모든 로그를 다 표현하려면, 실시간으로 들어오는 로그를 모두 리스트에 추가해야해서 정신없을 것 같아서요
윗 카드들 및 검색 창 아래로 로그 목록이 아래 사진처럼 나올건데, Error 로그만 보여주는거죠.
