[feature] 상세 페이지: 프로필 및 지원하기 버튼 컴포넌트 추가 #77
+162
−15
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
#️⃣연관된 이슈
📝작업 내용
1. 동아리 프로필 컴포넌트 만들기(ClubProfile.tsx)
로고 이미지, 이름, 분류, 분과, 태그들을 Props로 받음
[데스크탑]
![image](https://private-user-images.githubusercontent.com/112786665/412136081-62ebde6b-e76e-465e-b09a-d638be0bebe7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTc0OTYsIm5iZiI6MTczOTYxNzE5NiwicGF0aCI6Ii8xMTI3ODY2NjUvNDEyMTM2MDgxLTYyZWJkZTZiLWU3NmUtNDY1ZS1iMDlhLWQ2MzhiZTBiZWJlNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxMDU5NTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMzM3MDkxNGQ4NTc4YTFhNzIzMDRmMmI3NjNlMWFkNDMxODRiNjIzN2RiMGM5NjYwN2FhNTUyZjQyMWEyZjBhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.z_Oq4yHCZsOPPNFco6aseUn9k3M4kCj7QmOljq1eTKo)
[모바일]
![image](https://private-user-images.githubusercontent.com/112786665/412136144-04cd2f6e-78cd-44ec-80c0-3589ca19dde4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTc0OTYsIm5iZiI6MTczOTYxNzE5NiwicGF0aCI6Ii8xMTI3ODY2NjUvNDEyMTM2MTQ0LTA0Y2QyZjZlLTc4Y2QtNDRlYy04MGMwLTM1ODljYTE5ZGRlNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxMDU5NTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNjM1MTE5NTIyYWFjYmI0NjNhYjBjZDA0OTVjMjBhYmRkMWE1N2IyMDk2ZjY3OWM5YWM2ODczZmU2ZjVlOWYxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.pVDFpxKW3KFHf0udbXPiLu5A2iZ3fNpx4gC-i21UMPU)
2. 동아리 지원하기 버튼 컴포넌트 만들기
onClick()을 Props로 받음
![image](https://private-user-images.githubusercontent.com/112786665/412137343-2d9a64f5-9419-4bc7-bea6-c4c0d617535e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTc0OTYsIm5iZiI6MTczOTYxNzE5NiwicGF0aCI6Ii8xMTI3ODY2NjUvNDEyMTM3MzQzLTJkOWE2NGY1LTk0MTktNGJjNy1iZWE2LWM0YzBkNjE3NTM1ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxMDU5NTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xNTA5MzcwYmU2NGZlZjllYzVjNDMxMTEzYzZhZDFmOGY5YzMwYzczMjdkMjNjMjQ5ODI5N2UxYTdjMzNmNDg3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.voJljsdEd3vOWHF7TaAo8m2b9B7fTi2TQXns_28cFRM)
[데스크탑]
[모바일]
![image](https://private-user-images.githubusercontent.com/112786665/412137105-cdd62593-1631-47e6-824f-f1552665ae47.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2MTc0OTYsIm5iZiI6MTczOTYxNzE5NiwicGF0aCI6Ii8xMTI3ODY2NjUvNDEyMTM3MTA1LWNkZDYyNTkzLTE2MzEtNDdlNi04MjRmLWYxNTUyNjY1YWU0Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxNVQxMDU5NTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2RlNmI5NjNkYzQ0MDI4N2YwY2Y5MDY0YjQyMTk4ZTE0OTEyZDFlOWMzOGJjZDE5NjU4Yzg4Yjc0NWFhMzQ1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Hl3D1aMb7yBMUJqNoJfl7QbKel1WWVIWvsWd0olmz1g)
작동 영상
default.mp4
중점적으로 리뷰받고 싶은 부분(선택)
혹시 놓친 부분이나 개선할 점이 있다면 피드백 부탁드립니다.
논의하고 싶은 부분(선택)
이거 지원하기 버튼 모바일 버전이랑 구분해서 만들긴했는데 이거 어캐 배치할까용?
따로 만들어야할 것 같기도 하고요
🫡 참고사항