New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

로딩바 깜빡이는 이슈 해결 #308

Merged

bomi8489 merged 2 commits into develop from feature/#307/loading-spinner

Jul 2, 2024

Contributor

bomi8489 commented Jul 2, 2024

📑 이슈 번호

🚧 구현 내용

기존의 로딩바는 api호출이 있는 컴포넌트가 렌더링 될 때마다 잠깐의 깜빡이는 현상과 함께 보여집니다. 따라서, 렌더링 되는데 200ms 이상 지연되는 컴퍼넌트에만 로딩바가 보여질 수 있게 `DeferedComponent`를 추가하여 모든 로딩바 컴포넌트를 감싸주었습니다.

기존

변경 후

api 호출에 200ms 미만으로 걸릴 시

api 호출에 200ms 이상으로 걸릴 시 (네트워크 빠른3G 설정)

🚨 특이 사항

로딩바 보다 스켈레톤 UI를 보여주는게 좀 더 트렌디하고 괜찮을 것 같다는 생각이 듭니다.

bomi8489 added 2 commits

July 2, 2024 19:49


          feat: #307 지연컴포넌트 추가

f48f1e6


          feat: #307 로딩바 컴포넌트에 0.2초 지연

cc5906a

bomi8489 added the 🔨 Refactor label

bomi8489 self-assigned this

bomi8489 merged commit 7c60506 into develop

1 check passed

bomi8489 deleted the feature/#307/loading-spinner branch

July 2, 2024 13:25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels