fix(sds, web-domains): 릴레이 질문 탭에서 아무것도 표시되지 않는 오류 로딩 fallback으로 대응 #119
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
API 로딩 시 fallback으로 보여줘야하나, 서버 버킷에서 loading png를 가지고 있어, 해당 이미지로 로딩이 필요함. 즉, 로딩 fallback으로 아무것도 보이지 않아, 프론트 단에서 png를 들고있도록 한다.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🎉 변경 사항
❗️loadingImageUrl 이슈 있음. string이 아닌 next image obj 로 감싸져, 사용처에서 loadingImageUrl.src로 사용해야함. 픽스 후 open❗️
Loader를 사용하여 자기소개 -> 릴레이 질문 탭 전환 간 API 로딩 동안 아무것도 보이지 않는 UI에 loading fallback을 표시합니다.
추가로 Loader에서 서버 버킷에 올라가 있는 loading image url을 img src로 사용하고 있었는데, 이는 Loader의 src 또한 로딩 시간이 필요로하게 되어 loading fallback이 아무것도 표시되지 않습니다.
따라서 loading.apng 는 프론트단에서 가지고 있도록 변경했습니다.
🔗 링크
🙏 여기는 꼭 봐주세요!
로딩 폴백이 가운데에 위치하도록 하다보니, 기기간 height 반응형 대응을 위해 calc 연산 사용했습니다. 그냥 휴리스틱으로 한 300px height 고정할까요..? (참고로 실제론 dimmed 영역 없습니다. transparent인데, 영역 확인을 위해 임시로 해둔거에여~)
profile 부분 두 줄일 때
profile 부분 한 줄일 때