/admin

관리자 페이지 차트 연습

Primary LanguageTypeScript

관리자 페이지

https://admin-chart.netlify.app

라이브러리

  • recoil
  • victory
  • react-date-range

구현기능

통합 광고 현황


screen-recording-1


1. 선택한 날짜 간격과 이전 날짜의 데이터를 비교해서 데이터 증감 여부를 나타낸다.

  • ex) 3월 7일 ~ 3월 10일을 선택하면 3월 3일 ~ 3월 6일의 데이터와 비교해서 증감 여부를 나타냄

2. 광고비, 노출수, 클릭수, 매출, 전환수 중에서 비교할 데이터 2개를 드롭 다운에서 선택해서 데이터를 비교할 수 있다.

  • 일간(1일), 주간(7일) 중 하나를 선택해서 데이터를 나타낼 기간을 설정할 수 있다

매체현황


  • 선택한 날짜 범위에 해당하는 매체의 정보를 나타낸다.

  • 매체현황 차이를 테이블에 수치로 나타낸다.


image


빈응형 메뉴 구현


screen-recording-2