FE특산주 선택 제한 문제:
validated 값이 변경되는 구조로 설계된 것. 따라서 5개를 초과한 상태에서 확인 버튼을 누르면 페이지 상단으로 스크롤되며 "3~5개를 선택해 주세요"라는 안내 문구가 표시되는 플로우임사용자 경험에 적합한 스켈레톤 UI 적용:
setTimeout을 추가하면 해결할 수 있다고 하여 수정하여 적용 완료스켈레톤 + 무한스크롤 문제:
현재 무한스크롤(Tab 컴포넌트) 기능에서, 게시글이 적을 경우 loadingRef와 바로 맞닿아 API 호출이 두 번 발생하고, 이로 인해 스켈레톤이 두 번 깜빡이는 문제가 발생함. 이를 해결하기 위해 아래와 같은 코드를 적용했지만, 게시글이 많을 경우에는 무한스크롤이 작동하지 않는 문제가 발생
{filteredPosts.length === 0 ? null : hasMore && filteredPosts.length >= 8 ? (
<div ref={loadingRef} />
) : (
<LastPostMessage>마지막 게시글입니다.</LastPostMessage>
)}
현재는 이 문제를 임시로 복구해, 탭을 클릭할 때마다 스켈레톤이 깜빡이는 현상이 다시 발생. 이 문제는 스켈레톤 처리를 탭에서 하는 것이 아니라 CardItem에서 처리하는 방식으로 수정할 필요가 있음 다만, CardItem은 여러 곳에서 사용되기 때문에 수정 범위가 넓어질 수 있고, FE에서 정렬을 처리하다 보니 필터링된 값이 적을 때 짧은 시간에 여러 번 데이터를 불러와야 하는 상황이 발생. 따라서 현재는 임시로 정렬과 관련된 스켈레톤 처리는 해제한 상태 (추후에 CardItem에 적용예정)
알림 api readStatus 컬럼 추가:
BE