StudyLog-WEB

스터디로그는 공부를 기록하고 AI가 퀴즈를 생성하여 복습하는 학습 기록 웹앱 서비스입니다. 웹사이트 바로가기

⭐ 서비스 주요 기능

기능	설명
📚 학습 기록	학습 내용을 기록, 수정, 삭제할 수 있어 학습 이력을 손쉽게 관리할 수 있어요.
🧠 퀴즈 생성	난이도와 개수를 설정하여 맞춤형 퀴즈를 자동으로 생성합니다.
🗂️ 카테고리 관리	자신만의 카테고리를 만들어 학습 내용을 체계적으로 정리할 수 있습니다.
🤝 팔로우 & 공유	다른 사용자를 팔로우하고 학습 기록을 공유할 수 있어요. 함께 배우며 동기부여를 얻을 수 있습니다.
🏅 뱃지 & 스트릭 시스템	연속 학습을 달성하면 뱃지를 획득하고, 스트릭 페이지에서 꾸준한 학습 내역을 시각적으로 확인할 수 있습니다.

📦 기술 스택

역할	종류
Library
Programming Language
Styling
Data Fetching
Formatting
Package Manager
Version Control
Test
Deploy

🧂 라이브러리

라이브러리	버전	도입이유
	^19.1.0	재사용 가능한 컴포넌트 기반 아키텍처와 가상 DOM을 활용한 성능 최적화로 효율적이고 확장성 있는 UI 개발이 가능합니다.
	~5.8.3	정적 타입 검사를 통해 코드 안정성을 높이고, 강력한 IDE 지원으로 개발 생산성을 향상시킵니다.
	^4.1.5	반응형 유틸리티 클래스를 조합해 빠르게 UI를 구성할 수 있는 모던 CSS 프레임워크입니다.
	^8.6.12	UI 컴포넌트를 독립적으로 개발하고 테스트하며, 문서화를 통해 협업을 개선할 수 있습니다.
	^5.75.5	복잡한 비동기 상태 관리를 간소화하고, 서버 상태를 효율적으로 동기화하여 데이터 페칭과 캐싱을 최적화합니다.

🚀 설치 및 실행

# 의존성 설치
pnpm install

# 개발 서버 실행
pnpm run dev