1차 병합

[yerroong]

Summary by CodeRabbit

새로운 기능

• 상호작용형 원형 진행도 표시기 추가: 0-100 범위의 슬라이더를 통해 실시간으로 진행도를 조정하고 확인할 수 있습니다.
• 부드러운 애니메이션과 네온 그라데이션 효과, 드롭 섀도우가 적용된 시각화 구현
• 새로운 "/main" 경로를 통해 기능에 접근 가능

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between e6136c7 and bac6376.

⛔ Files ignored due to path filters (2)

• package-lock.json is excluded by !**/package-lock.json
• src/assets/img/background.png is excluded by !**/*.png

📒 Files selected for processing (3)

• src/page/Main/MainPage.tsx
• src/page/Main/components/PieChart.tsx
• src/routes/Router.tsx

---

📝 Walkthrough

개요

새로운 Main 페이지 컴포넌트를 추가하여 상태 관리를 통해 원형 진행률 표시기를 구현하고, 범위 슬라이더로 값을 제어할 수 있게 하며, 라우터에 /main 경로를 등록합니다.

변경 사항

Cohort / File(s)	요약
원형 진행률 표시 컴포넌트 src/page/Main/components/PieChart.tsx	SVG 기반의 원형 진행률 표시기 컴포넌트 추가. 값(0-100)에 따라 strokeDasharray와 strokeDashoffset을 계산하여 호(arc)를 렌더링하고, 네온 그래디언트와 그림자 효과를 적용하며, CSS 트랜지션으로 부드러운 애니메이션을 제공합니다.
Main 페이지 컴포넌트 src/page/Main/MainPage.tsx	useState를 사용하여 0~100 범위의 상태값을 관리하고, CircleProgress 컴포넌트와 범위 입력 슬라이더를 Tailwind 유틸리티 클래스로 중앙 정렬 레이아웃으로 배치합니다.
라우터 구성 src/routes/Router.tsx	Main 페이지 모듈을 import하고 "/main" 경로에 대한 새로운 라우트를 추가합니다.

예상 코드 리뷰 난이도

🎯 3 (중간) | ⏱️ ~25분

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch develop

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}