[#669] [유저 책장] 존재하지 않는 유저 책장 페이지 예외처리

[hanyugeon]

구현 내용

존재하지 않는 유저 프로필 페이지 예외처리

• API문서를 참고하여 axios interceptor에 isNotFoundError 분기를 추가했어요

존재하지 않는 유저 책장 페이지 예외처리

• useBookShelfInfoQuery의 data.bookshelfId값이 null(false)일 때 notFound()가 실행 되도록 했어요

비로그인 상태에서 꽂은책이 없는 책장에 접근시 발생하는 에러 해결

• 기존의 코드에서 booksData.pages[0].books[0]에 값이 없는데 Bookshelf.Books 컴포넌트 내부에서 map() 을 사용하고있어 에러가 발생하였어요
• booksData.pages[0].books[0]의 length가 4가 넘어가지 않는다면 더 이상 렌더링 시키지 않도록 수정했어요

스크린샷

• 비로그인 상태에서 꽂은책이 4권 미만이라면 <DummyBookshelf />만 렌더링

관련 이슈

• Close 존재하지 않는 유저 책장, 프로필 페이지 예외처리 #669

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dadok	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 30, 2024 4:43pm

[github-actions]

🚀 Storybook: https://64aba10cd478ad51307a8997-ytfsvnuwrj.chromatic.com/

[github-actions]

⚡️ Lighthouse Average Scores Across Reports:

Category	Score
🔴 performance	68
🟢 accessibility	91
🟢 best practices	98
🟢 seo	100
🟢 pwa	100

⚡️ Average Details Across All Reports:

Category	Score
🟢 first contentful paint	0.8s
🔴 largest contentful paint	13.0s
🔴 interactive	7.8s
🟢 total blocking time	297.5ms
🟢 cumulative layout shift	0.0

[gxxrxn]

수고하셨습니다!! 💯