[Feat] 카드 리스트 페이지 구현#22
Merged
Merged
Conversation
- CardList 컴포넌트 생성 및 카드 리스트 표시 기능 추가 - CardList 레이아웃 및 스타일 정의 - useState를 통해 인기/최근 롤링페이퍼 상태 관리 - useEffect로 getRecipients API 호출하여 데이터 fetching - CardWrapper에 배경색/배경이미지 prop 조건부 적용 - 프로필 이미지, 메시지 수, 이모지 표시 기능 포함
- 페이지네이션을 위한 API prop 형식 변경 - Swiper로 페이지네이션 UI 적용 - 카드 스타일 디테일 적용
- 검은색에 투명도 조절한 색상으로 변경했습니다.
- 반응형 UI 스타일 구현 - 반응형에 따른 Swiper 구현 - 빈 배열 내려주면 Empty Section 보여주도록 구현 - onLoadMore prop으로 페이지네이션 Url 연결
- 카드 클릭 시, rolling 페이지로 연결(id 연결은 추후 예정) - 카드 배경 색상/이미지 상태에 따른 디자인 세부 조정
- 중복 요청 방지를 위한 로딩 처리와 에러 발생 시 상태 관리 - 오타 수정
- 추가 로드 시 발생하던 Swiper 버벅임 개선 - null 체크 로직 보강 및 중복 코드 공통 함수로 통합 - 카드 클릭 시 올바른 ID 기반 롤링 상세 페이지로 이동하도록 처리 개선
- bg 색상별 svg 도형 적용 - 반응형 구현
Collaborator
|
확인 했습니다. 고생하셨습니다. 혹시 이모지 정렬은 아직 반영이 안된 건가요? |
Collaborator
|
확인했씁니다~고생하셨어요!! |
Owner
Author
|
이모지 정렬은 정원님이 하신 거 봤는데 수직 중앙 정렬이 되어있음에도 이모지라서 가운데 정렬이 안 되는 거 같더라구요. |
Collaborator
|
확인했습니다. 고생하셨습니다! |
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
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.
작업 내용
관련 이슈
체크리스트
스크린샷