Admin-page Custom

🗂 관리자 페이지 차트 추가하기

• 관리자 페이지를 간단한 대시보드로 활용할 수 있도록 차트 추가

🔖 대시보드란?

• 이벤트나 활동을 쉽게 모니터링할 수 있는 정보 뷰

• 대시보드는 하나의 화면에서 서로 연동되는 여러 시각화를 표시하도록 설계
  • 데이터에 대한 포괄적이고 매력적인 뷰를 통해 중요한 의사 결정 정보를 한눈에 파악할 수 있음
  • 대시보드는 콘텐츠를 찾아보거나 검색할 때 해당 아이콘 대시보드을 통해 식별할 수 있는 기관 내 항목

• 대시보드를 생성하는 이유는 여러 가지이며 생성 가능한 대시보드 유형도 다양

• 대시보드를 생성하는 이유
  • 정보를 얻거나 의사 결정에 필요한 모든 데이터를 한눈에 확인
  • 일상적인 작업에 대한 가장 중요한 정보를 모니터링
  • 모든 동료가 동일한 정보를 보고 사용함으로써 같은 목표에 집중할 수 있도록 함
  • 비즈니스, 제품, 기관 팀 또는 캠페인의 상태를 모니터링
  • 대형 데이터 집합에 대한 개인 설정된 뷰를 생성하여 사용자에게 중요한 표시기를 모두 보여줌

• 효과적인 대시보드의 특징
  • 주목해야 할 부분을 강조할 수 있음
  • 데이터로 가득 찬 화면에서 가장 중요한 부분을 보여줌
  • 현재 일어나는 상황을 파악하고 신속하게 대응할 수 있는 기능을 대상 그룹에게 제공
  • 성능 측정치를 산만하지 않고 명료하게 직접적으로 나타냄

🎉 적용 결과

🔬 체크 리스트

• template 연결 방법
• serializer 효율적으로 활용하는 법 고민하기
• 받거나 보내야 하는 data type 고민하고 확인 잘 하기!
• parameter 활용 잘 하기!!
• annotate 정리
• JavaScript 기본 문법
• Chart.js tooltip custom 방법

• 상속 받을 때 그냥 받지 말고 하나씩 뜯어보기!!