홈, 탐색 탭 로딩 사용성 개선

[hyesungoh]

🤔 해결하려는 문제가 무엇인가요?

• close #305
• 홈 탭과 탐색 탭에서 FixedSpinner를 로딩 시 그려주고 있어서, 화면의 부분 로딩이 가능한 경우에도 전체 화면이 깜빡이듯이 보이고 있어요

🎉 어떻게 해결했나요?

• 탐색 탭에서 로딩 핸들러를 카테고리와 템플릿으로 나누어 그려주었어요

  • 근데 fallback으로 null을 넣는 경우는 그냥 condition && <Foo /> 처럼 그려주는 것이 나을 거 같기도 하네요 ㅠ

• 홈 탭에서 로딩 핸들러를 걷어내고 AnimatePresence를 사용해서 애니메이션을 적용했어요

  • 애니메이션에 대해 디자이너분들 피드백을 기다리고 있어요
  • 탐색 탭에서도 비슷하게 적용하는 게 일관된 사용성을 제공하는 방향이 될 거 같아요

📚 Attachment (Option)

[github-actions[bot]]

Bundle Sizes

Compared against ae718306230bc31bf841d309809cb87a1fc63930

Route: No significant changes found

Dynamic import: No significant changes found

[eunddodi]

멋지십니다 ...