EDF데이터 분석 및 시각화 플랫폼
Category
Web
Solution
React
Technology
17+ Tech Stacks
현미경 데이터 분석을 손쉽게
EDF - EAS Data Fusion
EDF는 스프레드시트 데이터를 업로드하여 실시간으로 통계 분석과 차트 시각화를 제공하는 웹 기반 플랫폼입니다. 디렉토리별 다중 분석과 통합 분석 기능을 제공하며, 관리자용 백오피스와 사용자용 메인 애플리케이션으로 구성되어 있습니다. 관리자는 데이터 관리, 사용자 관리, 통계 분석 기능을 수행할 수 있고, 사용자는 업로드한 데이터를 기반으로 다양한 분석과 시각화를 경험할 수 있습니다.
Challenge
다각화된 분석 방식 및 스프레드 시트 파일 업로드 시스템
통합, 다중, 복합 분석 기능을 통해 다각도 분석이 가능하며, 드래그 앤 드롭 파일 업로드 및 시트별 데이터 로딩 기능, 빠른 대용량 파일 처리를 구현했습니다.
대시보드 및 차트 시각화
다양한 차트 유형과 각 시트별 통계 수치를 시각화하였습니다. 또한 함수 설정으로 다중 시트 간 연동 분석이 가능합니다.
스프레드 시트 필터링 및 통합 분석
업로드된 스프레드 시트를 테이블 형식으로 변환하고, 필터링 및 통합 분석 기능을 구현했습니다.
Solution
Technology Stack
Project Approach
React와 MUI를 활용하여 직관적인 UI/UX를 구현하였고, React Query를 통해 서버 상태 관리를 효율적으로 수행하며, Axios를 사용하여 API와의 통신을 간편하게 처리하였습니다. Chart.js를 활용해 다양한 차트 시각화 기능을 제공하고, Firebase 인증으로 회원 관리를 수행하였습니다. Python, Flask, Google Cloud를 통해 안정적인 백엔드 서비스를 구축하였습니다.
Impact
Innovation
10만
Web Worker를 활용한 병렬 데이터 처리로 파일 당 10만개 이상의 셀을 브라우저에서 실시간 분석이 가능하도록 구현하였습니다.
User Experience
92% 향상
Memoization을 활용한 컴포넌트 최적화로 대시보드 반응 속도를 향상시켰습니다.
Performance
0초
멀티 스레딩과 DB 캐싱으로 10만 이상의 행 데이터 처리 시 UI 블로킹에 걸리는 시간을 0초로 단축시켰습니다.
"기술은 전문가처럼, 소통은 친구처럼, 책임은 가족처럼 - 다시 만나고 싶은 완벽한 개발팀입니다!"