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

issue#37 멤버 페이지 UI 구현 #44

Merged
merged 5 commits into from
Dec 16, 2024
Merged

issue#37 멤버 페이지 UI 구현 #44

merged 5 commits into from
Dec 16, 2024

Conversation

ppochaco
Copy link
Member

@ppochaco ppochaco commented Dec 14, 2024

📝 상세 내용

  • 사용되는 데이터가 변경될 가능성있어 간단하게 UI 구성했습니다.

  • grid 개수를 반응형(sm~lg)으로 설정합니다

  • 프로필 이미지, 한 줄 소개, 깃허브 아이디, 인스타 아이디는 optional로 처리했습니다

  • FlipCard: 프로필 이미지를 hover하면 한 줄 소개를 보여줍니다

  • 깃허브, 인스타 아이콘: click하면 해당 사이트의 프로필로 이동됩니다

공통 컴포넌트 IconButton

  • 아이콘을 hover했을 때 공통된 css를 적용합니다
  • radix icon을 icon props로 전달해서 사용하면 됩니다

#️⃣ 이슈 번호

🔗 참고 자료

📷 스크린샷(선택)

스크린샷 2024-12-14 오후 11 39 09

@ppochaco ppochaco added the 🎨 desgin HTML, CSS 등 UI 구현 label Dec 14, 2024
@ppochaco ppochaco self-assigned this Dec 14, 2024
@ppochaco ppochaco linked an issue Dec 14, 2024 that may be closed by this pull request
3 tasks
Copy link
Collaborator

@Dobbymin Dobbymin left a comment

Choose a reason for hiding this comment

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

고생하셨습니다! 큰 이슈는 없는 것 같은데, mock data를 어떤 식으로 관리할지 다음 회의에서 조금 논의를 해봐야 할 것 같네요!

src/app/(main)/member/page.tsx Outdated Show resolved Hide resolved
src/app/(main)/member/page.tsx Show resolved Hide resolved
src/components/ui/label.tsx Show resolved Hide resolved
@ppochaco ppochaco merged commit 8b44b12 into develop Dec 16, 2024
1 check passed
@ppochaco ppochaco deleted the feature/#37-member branch December 16, 2024 10:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 desgin HTML, CSS 등 UI 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

멤버 페이지 UI
2 participants