[#667] [북카이브] 유저 로그인 상태의 북카이브 UI 수정

[hanyugeon]

구현 내용

프로필 정보가 없는 유저가 로그인한 상태에 북카이브에 접근했을 때

• 미들웨어에서 profile/me/add로 리다이렉팅 시켜주고있어요
• 이전 처럼 리다이렉팅 되지 않는다면 유저는 텅 빈 북카이브를 보게 되요
• 프로필 정보가 없다면 BookarchiveForUnAuth 컴포넌트를 보여주도록 수정했어요

로그인 상태의 북카이브 추천 도서 스크롤 UI 수정

• 추천 도서 리스트 컴포넌트 오른쪽 너비를 오른쪽 화면 끝까지 이어지도록 수정했어요

스크린샷

적용 전

적용 후

Help

이전에도 이야기했던 내용인데 430px이상의 크기로 화면을 보았을 때
BookCover 컴포넌트가 애매하게 안짤리고 있어서(?) 스크롤인지 모를 수도 있을 것 같아요
BookCover 컴포넌트를 수정하는게 좋을지 혹은 이곳에 스크롤인지 알 수 있도록 다른 UI를 추가해야할지 고민이네요 🤔

몇 가지 레퍼런스들을 찾아보고 코멘트에 남겨볼게요..!
만약 BookCover 컴포넌트는 그대로 두고, 가이드 UI를 추가한다면 해당 레퍼런스를 참고해볼 수 있을 것 같아요!

토스 증권 랜딩페이지 링크

지그재그 랜딩 페이지 링크

리디북스 랜딩 페이지 링크

관련 이슈

• Close [북카이브] 유저 로그인 상태의 북카이브 UI 수정 #667

[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 24, 2024 11:05am

[github-actions]

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

[github-actions]

⚡️ Lighthouse Average Scores Across Reports:

Category	Score
🔴 performance	65
🟢 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.1s
🟠 interactive	7.2s
🟢 total blocking time	282.6ms
🟢 cumulative layout shift	0.0

[gxxrxn]

이전에도 이야기했던 내용인데 430px이상의 크기로 화면을 보았을 때
BookCover 컴포넌트가 애매하게 안짤리고 있어서(?) 스크롤인지 모를 수도 있을 것 같아요
BookCover 컴포넌트를 수정하는게 좋을지 혹은 이곳에 스크롤인지 알 수 있도록 다른 UI를 추가해야할지 고민이네요 🤔

그렇네요.!! 화면 크기에 따라 BookCover 컴포넌트 사이즈를 조절해서 잘리게 해볼 수도 있을 것 같아요. 이 부분은 노션에 기록해두고 더 논의해봐요!! 수고 많으셨습니다! 💯