코드 리팩토링

[thwlckd]

리팩토링

• react-query 도입
  • 클라이언트 - 서버 데이터 분리
  • loading, error, revalidation 로직 변경
• react-loading-skeleton 도입
  • 데이터 로딩시, 스켈레톤 UI 적용 → UX 향상, 리플로우/리페인트 비용 감소
• global error boundary 적용
  • react-error-boundary 사용

[thwlckd]

식물 도감 페이지(담당 파트) 우선 작업

• 페이지 전환 시 매번 추천 식물이 바뀌지 않도록 수정 → staleTime 5분
• 새로고침(F5) 혹은 해당 카테고리의 추천 식물 새로고침 버튼을 통해 새로운 추천 식물 리스트 제공

[thwlckd]

메인(홈) 페이지, 다이어리 페이지 리팩토링

• react query를 이용한 클라이언트-서버 데이터 분리
• react-loading-skeleton 도입
• 날씨 데이터 로딩시, 스켈레톤 UI 적용