[Refactor] 코드베이스 전반 리팩토링 이슈

[dewbeeny]

🔧 목적

전체 코드 구조 및 품질 향상을 위해 리팩토링을 진행합니다. 유지보수성과 확장성을 고려해 폴더 구조, 상태 관리, 비동기 처리, 스타일링 등의 일관성을 확보하는 것이 목표입니다.

---

📂 주요 리팩토링 항목

추가 및 변경 가능

• Zustand 상태관리 구조 개선 (slice 분리, persist 적용 검토)
• Tanstack Query key 및 캐시 정책 통일
• API 인스턴스 및 에러 핸들링 로직 정리
• 페이지별 lazy-loading 적용 (React Router 기준 코드 분할)
• 공통 컴포넌트 추출 및 디렉토리 구조 재정비
• 스타일 시스템 개선 (theme, 전역 변수, 미디어쿼리 함수화 등)
• 불필요한 코드/파일/console 제거
• SEO 및 접근성(a11y) 개선

---

🧪 작업 방식

• 브랜치 이름: refactor/#이슈번호

  • 예시: refactor/#52, refactor/#53

• 가능한 경우 작업 항목별로 브랜치 및 PR 분리

• PR 제목: [Refactor] 이슈 제목과 통일

• PR 본문에 Closes #52 (또는 관련 이슈 번호) 명시

---

🔖 참고 규칙

• 커밋 컨벤션: refactor: 상태관리 로직 정리 형식 준수
• 브랜치 전략: develop 기준으로 작업 후 PR