쇼핑몰 추천 솔루션의 매출·노출 통계를 조회하고 배너 디자인을 관리하는 대시보드를 개발했습니다. 통계 시각화와 운영 오류 알림, 배포 자동화를 적용했습니다.
매출 · 노출 API→차트 · 표→내보내기 · 편집→오류 알림 · 배포
해결 과제
오류를 발견하기까지 약 3일이 걸렸고, 쇼핑몰 관리자는 매출·노출 통계 조회와 배너 편집 기능이 필요했습니다.
담당 업무 · 구현
- Apex Charts와 react-data-table-component로 매출·노출 통계를 시각화하고 Excel·CSV 다운로드를 제공했습니다.
- 운영자가 상품 추천 배너 디자인을 직접 수정할 수 있도록 마크업 에디터를 개발했습니다.
- Sentry 오류 이벤트를 Slack 알림과 연결하고 AWS S3·CloudFront·GitHub Actions를 활용해 수동 배포를 자동화했습니다.
결과
- 약 3일이 걸리던 오류 발견 과정을 Sentry·Slack의 실시간 알림으로 전환했습니다.
- 운영자가 대시보드에서 통계를 확인·내보내고 배너 디자인을 수정할 수 있게 했습니다.
JavaScriptReactReact Hook FormApex ChartsSentry