Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat[#98]: 마이페이지 - 등록한 게시글 탭 컨텐츠 구현 #178

Merged
merged 11 commits into from
Mar 22, 2024

Conversation

CheeseB
Copy link
Contributor

@CheeseB CheeseB commented Mar 22, 2024

관련 문서

유형

  • 기능 구현
  • UI 구현
  • 리팩토링
  • 버그 해결
  • 문서 업데이트
  • 기타( )

작업 내용

  • 마이페이지 - 등록한 게시글 탭 컨텐츠 구현

설명

📌 기능

  • 데이터 수정/삭제 등을 제외한 페이지 기능 구현
  • [공용 기능] 디바이스 타입에 따라 페이지 사이즈를 초기화 해주는 유틸함수 추가 (게시글/리뷰)
  • [공용 기능] usePaginatedDataList 훅에서 페이지 사이즈가 변경되면 활성화된 페이지를 1로 초기화하도록 수정
  • [공용 기능] useFilteredDataList 훅에서 필터 키의 값이 'all' 일땐 해당 키에 대한 필터링을 하지 않도록 수정
  • [공용 컴포넌트] Filter 컴포넌트의 이벤트 핸들러를 일반 화살표함수로 변경하고, 선택된 필터 ID를 인자로 받도록 수정

📌 UI

  • 필터, 드롭다운, 카드, 페이징 컴포넌트를 조합해서 페이지 UI 작업 완료
  • 모바일 사이즈 대응 완료

스크린샷

🎥 모션 영상

localhost_3000_mypage.-.Chrome.2024-03-22.12-29-54.online-video-cutter.com.mp4

📸 디바이스별 스크린샷

image

image

src/components/mypage/MyPosts/index.tsx Outdated Show resolved Hide resolved
src/components/mypage/MyPosts/index.tsx Outdated Show resolved Hide resolved
Copy link
Contributor

@ccwnc ccwnc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Copy link
Contributor

@designsoo designsoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@CheeseB CheeseB merged commit 59a2abd into dev Mar 22, 2024
@CheeseB CheeseB deleted the feat/mypage/seongyeon branch March 22, 2024 14:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
UI 구현 UI 구현 공통 기능 공통 기능 기능 구현 기능 구현
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feat: 등록한 게시글 페이지 UI 개발
4 participants