메인 페이지
데이터 대시보드 기능
데이터 날짜별 대시보드 기능
데이터 라벨링 기능
데이터 작업량 확인
데이터 업로드 기능
데이터 내보내기 기능
▶️ 배경
- 라벨링된 데이터의 정보를 확인하고 이해하기 어려운 불편함을 해소하기 위해 D3.js와 Chart.js를 활용한 데이터 시각화 대시보드를 개발함.
- 불편한 리뷰 확인과 정보 파악이 어려움
- 데이터 시각화를 통해 사용자들이 더 쉽고 편리하게 정보를 파악할 수 있도록 도와줌.
▶️ 정보
- 진행 기간 : 2023.02 ~ 2024.04
- 프로젝트 참여 인원 : 디자이너 1명, 개발자 4명
분류 |
내용 |
운영 체제 |
Ubuntu 20.04 |
Front-end |
HTML, CSS, JavaScript |
Back-end |
Python (Django) |
Database |
Mysql |
Web Application Server |
Nginx + Gunicorn |
주요 개발 도구 |
Visual Studio Code |
Chrome |
|
클라우드 플랫폼 |
AWS Lightsail |
버전 관리 시스템 |
Git, GitHub |
협업 툴 |
Notion, Discord, Figma |
VoC Labeling Timeline
API 정의서
▶️ 내가 수행한 업무
- Django 프레임워크를 활용해 과거 정적인 웹사이트를 동적인 페이지로 변경
- Figma를 활용하여 디자이너와 협업
- 작업 완료한 라벨링 데이터에 대한 시각화 페이지 개발 → 사용자 만족도 향상
- D3.js, Chart.js을 활용해 워드 클라우드, 트리맵, 바차트, 파이차트 등 대시보드 개발
- Javascript Date 메서드를 이용해 날짜별 바 차트 대시보드 개발
- 소비자 리뷰 데이터 업로드 페이지 개발
- 중복된 이름, 공백 등 Javascript의 Event를 활용한 Validation Error 처리
- header, nav, main, footer 등 시멘틱 HTML 마크업을 활용한 베이스 템플릿 개발 → 재사용성 및 유지보수 향상
- postgreSql에서 Mysql로 DB 교체