feat: Card list component 추가

INtiful / SootheWithMe

같이 달램

https://soothe-with-me.vercel.app/

0 stars 0 forks source link

feat: Card list component 추가 #35

Closed yunchaeney closed 3 weeks ago

yunchaeney commented 3 weeks ago

✏️ 작업 내용

Tag 컴포넌트 코드 수정
Card list 컴포넌트 추가
formatDate 유틸 함수 추가 (HH만 표현, HH:mm 방식 표현, 오늘 날짜와 동일한지 check)

📷 스크린샷

hover 시 dropshadow 애니메이션과 하트 아이콘 애니메이션 적용

태블릿 & PC
모바일
모임 날짜를 비교하여 태그 표시

✍️ 사용법

<CardList data={data} />

🎸 기타

close #27

yunchaeney commented 3 weeks ago

@HMRyu Card 컴포넌트를 사용한 List가 아닌 별개의 Card 컴포넌트로 봐주시면 될 것 같습니다. 저도 이게 CardList란 이름이... 맞을지 모르겠는데... figma 상에서 Card-list로 표현되고 있어서 CardList로 네이밍 했습니다. 둘이 각기 다른 페이지에서 사용되는 별개의 컴포넌트입니다.

HMRyu commented 3 weeks ago

@HMRyu Card 컴포넌트를 사용한 List가 아닌 별개의 Card 컴포넌트로 봐주시면 될 것 같습니다. 저도 이게 CardList란 이름이... 맞을지 모르겠는데... figma 상에서 Card-list로 표현되고 있어서 CardList로 네이밍 했습니다. 둘이 각기 다른 페이지에서 사용되는 별개의 컴포넌트입니다.

넵 확인했습니다!

yunchaeney commented 3 weeks ago

1) Todo extension 설치해서 기존 TODO 부분 코드 살짝 수정 2) 주석 코드 제거하였습니다