Skip to content
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.

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

[FE] refactor: 라우팅 로딩 스피너 추가 #241

Merged
merged 3 commits into from
Dec 11, 2023

Conversation

d0422
Copy link
Collaborator

@d0422 d0422 commented Dec 11, 2023

PR 설명

  • 라우팅 로딩 스피너 추가

✅ 완료한 기능 명세

  • 모달, crdt객체 코드스플리팅 처리
  • 라우팅 서스팬스에 사용할 라우팅 로딩 스피너 추가

📸 스크린샷

2023-12-11.20-15-39.mp4

고민과 해결과정

crdt와 Modal이 home화면에서 로드되는 문제가 있었는데, main.tsx에서 Room.tsx 내부로 옮겨 동적 import될 수 있도록 처리했다.
또한, 동적으로 파일을 가져오는동안 보여줄 로딩 스피너를 추가했다.

crdt와 modal객체들이 코드스플리팅될 수 있도록 처리
라우팅 로딩스피너 추가
@d0422 d0422 added enhancement 개선 또는 피드백 반영 feature 기능 구현 FrontEnd 프론트엔드 관련 labels Dec 11, 2023
@d0422 d0422 requested a review from HBSPS December 11, 2023 11:24
@d0422 d0422 self-assigned this Dec 11, 2023
Copy link
Collaborator

@HBSPS HBSPS left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다!

<div className="flex flex-col items-center justify-center w-screen h-screen">
<div className="basis-2/4 max-w-[400px] max-h-[400px] mobile:hidden animate-pulse">
<picture>
<source srcSet="/main.webp" type="image/webp" />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이미지의 widthheight를 지정해주세요!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반영했습니다!

이미지 크기 지정
@d0422 d0422 force-pushed the FE094/refactor/loading-spinner branch from 47ccfa3 to 9822c9b Compare December 11, 2023 11:52
@d0422 d0422 merged commit dfb718f into boostcampwm2023:dev Dec 11, 2023
6 checks passed
@HBSPS HBSPS changed the title refactor: [FE] 라우팅 로딩 스피너 추가 [FE] refactor: 라우팅 로딩 스피너 추가 Dec 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement 개선 또는 피드백 반영 feature 기능 구현 FrontEnd 프론트엔드 관련
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants