[Feat/#86] CardList 컴포넌트 구현 #92
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
youtheyeon
approved these changes
Jan 15, 2025
Comment on lines
+52
to
+57
| const cardListCountText = { | ||
| store: ` 개의 스토어`, | ||
| design: ` 개의 디자인`, | ||
| likedStore: `찜한 스토어 `, | ||
| likedDesign: `찜한 스토어의 디자인 `, | ||
| }; |
There was a problem hiding this comment.
이렇게 따로 지정해준 거 좋네요.. 짱 👍
zzz-myam
approved these changes
Jan 15, 2025
| } | ||
|
|
||
| const CardList = ({ item, data }: CardListProps) => { | ||
| const [, setOption] = useState(''); //option은 나중에 데이터 불러올 때 사용될 예정 |
There was a problem hiding this comment.
콤마 setOption에서 ','는 무엇을 의미하나요??
thisishwarang
approved these changes
Jan 15, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
📌 관련 이슈번호
체크리스트
✅ Key Changes
카드 개수, 필터링 버튼, 디자인카드 / 스토어 카드가 함께 있는
CardList컴포넌트를 만들었습니다.하나의 컴포넌트에서 디자인 / 스토어 부분을 다 보여줘야 해서 타입 단언 등 타입 관련된 처리가 많습니다 .. 🥲
numberLabel받을 수 있도록 수정메인 페이지에서 DesignCard에서 Image에 numberLabel이 있는 상태로 있길래,
DesignCard에서 numberLabel을 받을 수 있도록 해뒀습니다!
이제 메인페이지에서도 DesignCard를 사용할 수 있게 되었어요 ~! 😝
FilteringButton
zIndex,backgroundColor수정CardList를 구현하다보니, FilteringButton의 ul 부분에 zIndex와 backgroundColor가 있어야 확실하게 보이는 걸 깨닫고,
해당 부분 추가로 지정해줬습니다!
StoreCard, Image 컴포넌트 수정
이전에 StoreCard의 사진 바닥부분이 잘리는 문제를 Image 컴포넌트에 height 100% 걸로 해결했었는데,
이걸 지우고 StoreCard 부분을 화랑오빠가 수정하는 방향으로 해결했습니다!
레전드 리드 ㄷㄷ감사합니다.📢 To Reviewers
📸 스크린샷 or 실행영상