create 고성선 cardlist 컴포넌트 구현

[seongseonko]

이 PR은 어떤 유형인가요?

• [ ] 리팩터링
• [x] 기능
• [ ] 버그 수정
• [ ] 최적화
• [ ] 문서 업데이트

설명

list 페이지의 카드 list 컴포넌트 및 api를 통한 리퀘스트 및 GET 리스폰스 를 이용하여 카드리스트를 작성하였습니다.

추후 카드 클릭 시 카드 link로 이동 구현 해야함 , reaction 이모지 부분도 구현 해야함.

관련 티켓 및 문서

• Related Issue #3
• Closes #3

스크린샷, 녹화

변경사항을 테스트하는 방법, 테스트에 사용된 기기 및 브라우저, UI 변경에 대한 관련 이미지 등에 대한 지침을 이곳에 기재해 주세요.

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

• [ ] Semantic HTML 구현?
• [ ] 키보드 조작이 지원?
• [ ] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?