[WORK] 모바일 대응 및 디자인 수정 반영

[urjimyu]

이슈 넘버

• close [WORKS] 모바일 사이즈 대응 #20

구현 사항

• 모바일 대응
• 디자인 수정 사항 반영

Need Review

• 은미님 draft 참고해서 useIsMobile 활용해서 모바일 대응 적용했습니다
• 모바일뷰 헤더는 스크롤 이벤트를 감지해서 스크롤을 내리면 없어지고 올리면 보이도록 했습니다

📸 스크린샷

Reference

[github-actions]

🎉 구현한 기능 Preview: https://gcvd2024-jmwgz27j2-urjimyus-projects.vercel.app

🧩 변경된 파일

Lighthouse 점수:

• Performance:
• Accessibility:
• Best Practices:
• SEO:

[github-actions]

🎉 구현한 기능 Preview: https://gcvd2024-9tkz9vpel-urjimyus-projects.vercel.app

🧩 변경된 파일

Lighthouse 점수:

• Performance:
• Accessibility:
• Best Practices:
• SEO:

[imeureka]

브랜치 확인하던 중 작품 클릭하고 뒤로가기 눌렀는데

에러 처리 된 걸 확인했어요! 그리고 새로고침해도 계속 에러가 뜨는데 어떤 경우인가요? 브라우저 뒤로가기, 화면의 뒤로가기 누르면 에러뜨는것 같아요 확인 부탁드려요~

• 저희 그 디자인 수정사항에 맥북에서 봐도 이상하지 않게끔 안쪽으로 배치시켰다고 하셧는데 반영된거일까용??

[urjimyu]

• 저희 그 디자인 수정사항에 맥북에서 봐도 이상하지 않게끔 안쪽으로 배치시켰다고 하셧는데 반영된거일까용??

width가 잘못 설정되어 있어서 수정했습니다ㅠ 감사합니다!!

[github-actions]

🎉 구현한 기능 Preview: https://gcvd2024-1woe39rj6-urjimyus-projects.vercel.app

🧩 변경된 파일

Lighthouse 점수:

• Performance:
• Accessibility:
• Best Practices:
• SEO:

[github-actions]

🎉 구현한 기능 Preview: https://gcvd2024-gwi4drbuw-urjimyus-projects.vercel.app

🧩 변경된 파일

Lighthouse 점수:

• Performance:
• Accessibility:
• Best Practices:
• SEO:

[github-actions]

🎉 구현한 기능 Preview: https://gcvd2024-fv7iqloav-urjimyus-projects.vercel.app

🧩 변경된 파일

Lighthouse 점수:

• Performance:
• Accessibility:
• Best Practices:
• SEO:

[urjimyu]

새로고침해도 계속 에러가 뜨는데 어떤 경우인가요? 브라우저 뒤로가기, 화면의 뒤로가기 누르면 에러뜨는것 같아요 확인 부탁드려요~

infiniteQuery와 prefetchQuery의 쿼리키 값이 중복되면서 나타난 에러였습니다! InfiniteQuery는 다른 종류의 쿼리들의 쿼리키와 값이 중복되면 에러가 발생한다고 해요-!