-
Notifications
You must be signed in to change notification settings - Fork 1
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
✨ Feat: NotFound 페이지 구현 #50
Conversation
🎉 구현한 기능 Preview: https://fandom-2k8300sby-easyhyun00s-projects.vercel.app |
🎉 구현한 기능 Preview: https://fandom-fu5p7pe02-easyhyun00s-projects.vercel.app |
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.
Not Found 페이지 구현을 완벽하게 해내셨군요.
현재 수정사항은 없지만 추후에 변경 사항이 필요하다면, 의논하여 변경해나가보면 좋을 듯 합니다.
오늘도 수고하셨습니다.
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.
완전 멋지게 잘 됐네요! 발표할 때 일부러 실수해서 잘못된 페이지 들어가는 쇼를 해도 좋을 것 같아요 ㅋㅋㅋㅋ
<img src={randomImage} alt="아이돌 이미지" /> | ||
<div /> | ||
<Logo width={240} height={50} /> | ||
</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.
오 이렇게 중간에 <div />
넣어줘서 하는 거군요. ㅇㅎㅇㅎ
width: 365px; | ||
height: 365px; | ||
|
||
background: radial-gradient( |
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.
이런 거는 어떻게 작성하는 거죠... 뭐 꿀팁 있나요. 계산하는 사이트라던지 ㅎㅎ
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.
@@ -24,7 +25,7 @@ const router = createBrowserRouter([ | |||
}, | |||
{ |
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.
라우터에서는 이렇게 하는군요. 배워갑니다
|
||
const idolList = [Idol1, Idol2, Idol3, Idol4]; | ||
|
||
const getRandomImage = () => { |
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.
랜덤으로 이미지 생성하셨네요 진짜 좋은 것 같습니다
* ✨ Feat: 낫파운드 페이지 UI 구현 * ✨ Feat: 랜덤 이미지 구현 * ✨ Feat: 버튼 클릭 시 랜딩 페이지로 이동 * ✨ Feat: 반응형 디자인 수정
🧩 이슈 번호
✅ 작업 사항
notFound 페이지를 구현했습니다. 이상한 경로로 가면 뜹니다
새로고침 하면 이미지가 랜덤으로 바뀝니다. (총 4가지 있음 원하면 사진 넣어도 됨(정사각형 권장))
랜딩 페이지로 버튼을 누르면 랜딩페이지('/') 로 이동합니다.
👩💻 공유 포인트 및 논의 사항
디자인 수정 원하는 부분 있으면 말씀해주세요!