feat: 좋아요 기능, 페이지네이션 구현

[tkyoun0421]

개요

사용자 프로필 페이지의 관심 프로젝트 목록에 페이지네이션 기능을 추가하여, 6개 이상의 프로젝트가 있을 때 사용자 경험을 개선합니다.

변경 사항

• 새로운 기능 추가
• 버그 수정
• 리팩토링
• 문서 수정

구현 내용

• 사용자 프로필의 관심 프로젝트 탭에 페이지네이션 기능 추가
• 프로젝트가 6개 이상일 때만 페이지네이션 컴포넌트 렌더링
• 페이지당 6개씩 프로젝트를 슬라이싱하여 표시
• 탭 전환 시 페이지를 1로 자동 리셋하는 기능 구현
• useMemo를 활용한 성능 최적화 (페이지네이션 계산 및 데이터 슬라이싱)
• 기존 편집 모드, 선택/삭제 기능과의 호환성 유지

개발 후기 및 개선사항

이번 작업에서 배운 점

• 기존 프로젝트의 페이지네이션 컴포넌트와 훅을 재사용하여 일관성 있는 UI/UX 구현
• useMemo를 활용한 데이터 슬라이싱 최적화 방법

어려웠던 점 / 에로사항

• 기존 편집 모드와 선택 기능이 페이지네이션과 어떻게 상호작용할지 고려해야 했음
• 탭 전환 시 페이지 상태 관리가 필요했음

다음에 개선하고 싶은 점

• 편집 모드에서 페이지를 넘나들 때 선택 상태가 유지되지 않는 점 개선 가능
• URL에 페이지 정보를 포함하여 새로고침 시에도 페이지 상태 유지 고려

팀원들과 공유하고 싶은 팁

• 기존 공통 컴포넌트(Pagination, usePagination)를 적극 활용하여 코드 중복 방지
• 조건부 렌더링으로 필요할 때만 페이지네이션을 보여주어 깔끔한 UI 유지

[czmcm5]

너무너무 고생하셨습니다 ! 의지가 되네요 👍

[namee-h]

고생이 많으십니다 ! ㅠ