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

[feature] 상세 페이지: 프로필 및 지원하기 버튼 컴포넌트 추가 #77

Open
wants to merge 4 commits into
base: develop/fe
Choose a base branch
from

Conversation

oesnuj
Copy link
Member

@oesnuj oesnuj commented Feb 11, 2025

#️⃣연관된 이슈

#48

📝작업 내용

1. 동아리 프로필 컴포넌트 만들기(ClubProfile.tsx)

로고 이미지, 이름, 분류, 분과, 태그들을 Props로 받음

  • 살면서 짜본 CSS중 제일 어려웠으나 다행히 성공
  • 결과물은 별거 아닌 것 같지만.....진짜 갈아넣었네욤😭

[데스크탑]
image

[모바일]
image


2. 동아리 지원하기 버튼 컴포넌트 만들기

onClick()을 Props로 받음
[데스크탑]
image

[모바일]
image


작동 영상

default.mp4

중점적으로 리뷰받고 싶은 부분(선택)

혹시 놓친 부분이나 개선할 점이 있다면 피드백 부탁드립니다.

논의하고 싶은 부분(선택)

이거 지원하기 버튼 모바일 버전이랑 구분해서 만들긴했는데 이거 어캐 배치할까용?
따로 만들어야할 것 같기도 하고요

🫡 참고사항

- logoSize 대신 variant(main, detail) 방식으로 크기 조정 방식 변경
- 데스크톱과 모바일 크기를 별도로 설정할 수 있도록 presets 객체 추가
- 반응형 디자인 적용 (모바일에서 grid 레이아웃 사용)
- 클럽 정보를 표시하는 ClubProfile 컴포넌트 구현
- ClubLogo, ClubTag 활용하여 클럽 로고 및 태그 표시
- 클럽 분류(classification), 분과(division), 추가 태그(tags) 지원
- 반응형 스타일 적용을 위한 ClubProfile.styles 연동
@oesnuj oesnuj added ✨ Feature 기능 개발 🎨 Design 마크업 & 스타일링 💻 FE Frontend labels Feb 11, 2025
@oesnuj oesnuj requested a review from seongwon030 February 11, 2025 19:41
@oesnuj oesnuj self-assigned this Feb 11, 2025
Copy link

netlify bot commented Feb 11, 2025

Deploy Preview for moadong ready!

Name Link
🔨 Latest commit be2cdb5
🔍 Latest deploy log https://app.netlify.com/sites/moadong/deploys/67aba7df8b108600084ab234
😎 Deploy Preview https://deploy-preview-77--moadong.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@oesnuj oesnuj changed the title [feature] 상세 페이지 동아리 프로필 + 지원하기 버튼 컴포넌트 생성 [feature] 동아리 상세 페이지: 프로필 및 지원하기 버튼 컴포넌트 추가 Feb 11, 2025
@oesnuj oesnuj changed the title [feature] 동아리 상세 페이지: 프로필 및 지원하기 버튼 컴포넌트 추가 [feature] 상세 페이지: 프로필 및 지원하기 버튼 컴포넌트 추가 Feb 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Design 마크업 & 스타일링 💻 FE Frontend ✨ Feature 기능 개발
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant