web 앱 전체 소스 코드 리팩토링 및 성능 개선

[GulSam00]

web 앱(apps/web) 전체 소스 코드를 검토하여 코드 품질 리팩토링과 성능 개선 작업을 진행한다.
동작 변경 없이 유지보수성·가독성·렌더링 성능을 향상시키는 것을 목표로 한다.

작업 체크리스트

1. 코드 전체 리뷰

• app/ 라우트별 페이지·API 라우트 구조 검토
• components/ 공통 컴포넌트 및 중복 로직 파악
• hooks/, queries/, stores/, utils/, lib/ 레이어 검토

2. 리팩토링

• 중복 코드 추출 및 공통화
• 컴포넌트 책임 분리 및 파일 구조 정리
• 타입 정의 일관성 및 안전성 개선

3. 성능 개선

• 불필요한 리렌더링 제거 (memo, useCallback, useMemo 적정 적용)
• TanStack Query 캐싱·prefetch 전략 점검
• 번들 사이즈·동적 import 최적화 검토
• 이미지·폰트·정적 자원 로딩 최적화

4. 검증

• pnpm build / pnpm lint / pnpm check-types 통과 확인
• 기존 동작 회귀 없음 확인