프론트에서 리팩토링

• 폴더 구조 정리
• 코드 정리
  • 코드 스플릿팅
  • 관심사 분리
    • 응집도는 높이고
    • 결합도는 낮추고
    • 단일 책임
    • 추상화
      • 같은 컴포넌트 내에서는 같은 레벨의 추상화를 사용하자
    • 함수화
      • 재사용성 강화
  • 시맨틱 태그 개선
  • 선언적 구조
    • 함수형 프로그래밍
    • 명령형을 구현해 놓고, 선언적으로 사용 (추상화)
• 접근성 추가
  • A11y
  • i18n
  • 테마
• 반응형 구조, 동적 레이아웃 추가
• 최적화
  • 성능 측정 후 개선
    • cache
      • memo, useCallback, useMemo, useDeferredValue, useTransition…
  • 번들 사이즈
    • Prefetch, Split Code
• 보안 점검
• 로깅
• 테스트
  • 유닛
  • 기능
  • EtoE
  • 테스트 커버리지