완전 자동 코드 리팩토링

현재 프로젝트의 모든 React Class Component 파일을 분석해줄래요.

다음과 같이 리팩토링해줘:
1. 각 class component를 함수 컴포넌트 + Hooks로 변환
2. this.state / this.setState → useState
3. componentDidMount / componentWillUnmount → useEffect
4. 재사용 가능한 로직을 커스텀 Hook으로 추출
5. props 인터페이스 유지, 부모 컴포넌트 수정 불필요
6. 기존 테스트 한 번 실행해서 깨진 게 없는지 확인

각 파일의 변경사항을 따로 나열하고, 뭘 바꿨는지, 왜 이렇게 바꿨는지 설명해줄래.

현재 프로젝트의 모든 에러 처리 코드를 분석해줄래요.

현재 상태 점검:
- 모든 try-catch 블록, .catch() 호출, error callback 찾기
- 불일치하는 부분 나열 (에러를 무시하는 부분도 있고, console.log만 하는 부분도 있고, 위로 던지는 부분도 있음)

통일 방안:
1. 통일된 AppError 클래스 만들기 (code, message, cause 포함)
2. 전역 에러 처리 미들웨어 만들기
3. 모든 비즈니스 레이어에서 AppError로 에러 던지기, 직접 throw new Error 하지 말기
4. API 레이어는 { success: false, error: { code, message } } 형식으로 통일해서 반환
5. 수정된 파일 목록과 diff 제공

이렇게 해줄래.

JavaScript 프로젝트를 TypeScript로 마이그레이션할 거야.

이 순서대로 진행해줄래:
1. 프로젝트 구조 분석하고 tsconfig.json 생성 (strict 모드)
2. 입구 파일부터 시작해서 의존성 순서대로 .js → .ts/.tsx 마이그레이션
3. 모든 함수 파라미터와 반환값에 타입 주석 추가
4. any 사용을 최소화하고 구체적인 타입 사용
5. 써드파티 라이브러리의 @types 패키지 설치
6. types/ 디렉토리에 공통 타입 정의 저장
7. tsc --noEmit이 통과되는지 확인, 타입 에러 없어야 해요

각 파일의 변경사항 요약 제공. any를 꼭 써야 하는 부분이 있으면 이유 설명해줄래.