Skip to content
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

Merged
merged 4 commits into from
May 10, 2024
Merged

✨ Feat: NotFound 페이지 구현 #50

merged 4 commits into from
May 10, 2024

Conversation

easyhyun00
Copy link
Contributor

@easyhyun00 easyhyun00 commented May 9, 2024

🧩 이슈 번호

✅ 작업 사항

notFound 페이지를 구현했습니다. 이상한 경로로 가면 뜹니다

새로고침 하면 이미지가 랜덤으로 바뀝니다. (총 4가지 있음 원하면 사진 넣어도 됨(정사각형 권장))
랜딩 페이지로 버튼을 누르면 랜딩페이지('/') 로 이동합니다.

image image image image

👩‍💻 공유 포인트 및 논의 사항

디자인 수정 원하는 부분 있으면 말씀해주세요!

@easyhyun00 easyhyun00 added the ✨ Feat 기능 개발 label May 9, 2024
@easyhyun00 easyhyun00 self-assigned this May 9, 2024
Copy link

github-actions bot commented May 9, 2024

🎉 구현한 기능 Preview: https://fandom-2k8300sby-easyhyun00s-projects.vercel.app

Copy link

github-actions bot commented May 9, 2024

🎉 구현한 기능 Preview: https://fandom-fu5p7pe02-easyhyun00s-projects.vercel.app

Copy link
Contributor

@Bersk3r Bersk3r left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not Found 페이지 구현을 완벽하게 해내셨군요.
현재 수정사항은 없지만 추후에 변경 사항이 필요하다면, 의논하여 변경해나가보면 좋을 듯 합니다.
오늘도 수고하셨습니다.

Copy link
Contributor

@JayChae JayChae left a 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>
Copy link
Contributor

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(
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이런 거는 어떻게 작성하는 거죠... 뭐 꿀팁 있나요. 계산하는 사이트라던지 ㅎㅎ

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

피그마에서 복사하기 누른거예요ㅋㅋㅋ

@@ -24,7 +25,7 @@ const router = createBrowserRouter([
},
{
Copy link
Contributor

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 = () => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

랜덤으로 이미지 생성하셨네요 진짜 좋은 것 같습니다

@easyhyun00 easyhyun00 merged commit 1feffeb into main May 10, 2024
1 check passed
@easyhyun00 easyhyun00 deleted the feat-49-notFound branch May 10, 2024 11:08
easyhyun00 added a commit to easyhyun00/fandom-k that referenced this pull request May 10, 2024
* ✨ Feat: 낫파운드 페이지 UI 구현

* ✨ Feat: 랜덤 이미지 구현

* ✨ Feat: 버튼 클릭 시 랜딩 페이지로 이동

* ✨ Feat: 반응형 디자인 수정
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feat 기능 개발
Projects
None yet
Development

Successfully merging this pull request may close these issues.

NotFound 페이지 구현
3 participants