-
Notifications
You must be signed in to change notification settings - Fork 3
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
404 페이지, 존재하지 않는 스페이스 페이지 핸들링 #166
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
호균님 고생하셨습니다! 에러 그림이 넘 귀엽네요
(1점)
로딩 시에 헤드 노드 스켈레톤과 동시에 '불러오는 중' 같은 문구가 표시되면 알아보기 쉽지 않을까 싶어서 제안드려봅니다 ㅎㅎ
{RestoreActions && ( | ||
<div className="mt-12"> | ||
<RestoreActions /> | ||
</div> | ||
)} | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
RestoreAction을 따로 받아서 더욱 재사용성이 높아진 것 같습니다 !
provider.once("connection-close", (event: CloseEvent) => { | ||
if (event.code === 1008) { | ||
provider.shouldConnect = false; | ||
setError(new Error("찾을 수 없거나 접근할 수 없는 스페이스예요.")); | ||
} | ||
}); | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(0.3점) 1008 코드 이외의 코드가 발생할 시의 대응을 추가해볼 수도 있을 것 같습니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
넵! 현재 백엔드에서 존재하지 않는 스페이스는 1008 코드 주면서 연결을 끊고 있는데, 다른 경우엔 "알 수 없는 오류"처럼 처리해야 할 것 같아요.
대신 이렇게 shouldConnect = false를 해줘도 될지 모르겠네요. 기본적으로 계속 연결 재시도를 하더라고요. 1008번의 경우 확실히 재연결이 필요가 없어서 이렇게 했습니다
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ㅋㅋㅋㅋㅋ 흔들흔들거리는 프레임이 조금 낯설긴 하지만, 슬랙에서 얘기나눈 것처럼 스켈레톤보다 첨부해주신 효과가 더 좋을 것 같습니다 👍
6e1d0fc
to
00131d1
Compare
✏️ 한 줄 설명
데모 공개에 앞서, 자연스러운 사용자 경험을 위해 에러 페이지와 로딩 상태를 구현하고자 했어요.
✅ 작업 내용
🏷️ 관련 이슈
📸 스크린샷/영상
404 페이지와 존재하지 않는 스페이스 접속 시에 이렇게 뜹니다.
로딩할 떄 하얀 화면이 뜨는 게 좀 그래서.. 로딩 바를 넣을까 하다가 그냥 스켈레톤처럼 처리해봤습니다
📌 리뷰 진행 시 참고 사항
이건 같이 기여해서 수정해도 좋을 것 같아요 -> 데모 공개 전에 조금 매끄럽지 않은 부분..