플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - PT 세션 기록 중 네트워크 끊김 시 데이터 유실 리스크가 있으며, localStorage 임시 저장 후 재연결 시 자동 동기화하는 낙관적 업데이트 전략으로 대응할 계획입니다. - 다크 테마에서 차트 레이블과 배경 대비가 낮아질 수 있으며, Recharts 커스텀 테마 색상 토큰을 CSS 변수로 정의하여 테마 전환 시 일관성을 유지할 계획입니다. - 운동 종목 자동완성
프로젝트 성과
RadarChart 이중 오버레이로 기간 비교 분석 화면 설계
Recharts RadarChart에 이전/현재 두 데이터셋을 오버레이하여 체력 지표 변화를 단일 화면에서 비교할 수 있는 리포트 컴포넌트를 구현할 예정입니다.
useFieldArray 기반 동적 PT 세션 기록 폼 구현
React Hook Form useFieldArray로 세트 항목을 동적 추가/삭제하고 Fuse.js 퍼지 검색으로 운동 종목을 자동완성하는 기록 폼을 설계합니다.
Recharts 5종 차트 통합 데이터 시각화 시스템 설계
Bar, Pie(도넛), Radar, Area, Line 5종 Recharts 차트를 도메인에 맞게 선택·조합하여 각 화면의 데이터 특성에 최적화된 시각화를 구현합니다.
node-cron 기반 목표 달성 알림 스케줄러 설계
node-cron으로 매일 자정 목표 달성 기한 D-7/D-1 조건을 검사하고 알림 도큐먼트를 생성하는 서버 사이드 스케줄러를 구현할 예정입니다.
핵심 기능
회원 대시보드
전체 회원 현황, 이번 달 출석률, PT 세션 완료 현황, 목표 달성 비율을 직관적으로 확인할 수 있는 메인 화면을 제공합니다
진행 단계
MongoDB 스키마 설계
2026.03.
회원-목표-PT세션-운동이력 도큐먼트 스키마 설계, Mongoose 모델 정의 및 인덱스 최적화
프로젝트 상세
1) 포트폴리오 소개 피트니스 센터의 회원 체력 데이터 시각화, PT 세션 기록, 목표 달성 트래킹을 통합한 회원 관리 플랫폼 구현 데모입니다. 체육학원 학생 관리와 동일한 데이터 시각화·회원 관리 기술을 헬스케어 도메인에 적용하며, 반응형 웹앱 구조를 설계합니다. 2) 작업 범위 - 회원 대시보드: 전체 회원 현황, 이번 달 출석률, PT 세션 완료 현황, 목표 달성 비율을 직관적으로 확인할 수 있
