📚 StudyLog

StudyLog는 스터디룸 구성원들과 함께 공부 시간을 공유하고, 실시간으로 측정하여 개인의 데일리 플래너까지 자동 기록되는 스터디 플랫폼입니다.

🚀 주요 기능

1. 스터디룸 대시보드

• 실시간 통계: 방별 공부 시간 상위 멤버(Top 3)와 현재 접속 중인 멤버 수를 실시간으로 확인합니다.
• 구성원 현황: 현재 스터디룸에 접속 중인 멤버들과 개별 상태를 직관적으로 파악할 수 있습니다.

2. 개인별 실시간 타이머

• 개인화된 측정: 스터디룸 내에서 각 멤버가 본인의 공부 시간을 독립적으로 측정합니다.
• 자동 기록 연동: 타이머 정지 시, 공부 시간과 종료 시각이 서버에 기록되며 사용자의 **데일리 플래너(타임테이블)**에 즉시 반영됩니다.

---

🛠 아키텍처 및 데이터 흐름

1. Timer Start: 유저가 Start 클릭 시, 서버 세션 생성 (POST /api/timer/start).
2. Measurement: 클라이언트에서 실시간 타이머 UI 동작.
3. Timer Stop: 유저가 Stop 클릭 시, 종료 시간 및 Duration 계산 후 서버 저장 (POST /api/timer/{sessionId}/stop).
4. Synchronization: 데일리 플래너 페이지 진입 시, 서버에서 세션 리스트를 조회하여 타임테이블에 시각화.

---

💻 Tech Stack

• Frontend: React, TypeScript, Tailwind CSS, Axios, React Query
• Backend: Spring Boot, JPA, Spring Security (JWT)
• Communication: REST API

---