6️⃣

10/1(화) 스크럼

FE

특산주 선택 제한 문제:
회원가입 Step 2에서 특산주 5종 이상 선택 제한이 적용 X. 이는 사용자가 5종을 초과하여 선택할 수 있지만, 5개를 초과할 경우 validated 값이 변경되는 구조로 설계된 것. 따라서 5개를 초과한 상태에서 확인 버튼을 누르면 페이지 상단으로 스크롤되며 "3~5개를 선택해 주세요"라는 안내 문구가 표시되는 플로우임
사용자 경험에 적합한 스켈레톤 UI 적용:
게시글 작성 Step2에서 검색 결과가 없을 때 리스트 부분이 깜빡이는 현상을 수정 요청. 또한, 스켈레톤 UI가 너무 빠르게 나타났다 사라지므로 1초 동안 보여준 후 데이터가 표시되도록 조정 필요
첫 번째 문제는 서버 통신 시 작동하는 부분으로, 전체적으로 setTimeout을 추가하면 해결할 수 있다고 하여 수정하여 적용 완료
스켈레톤 + 무한스크롤 문제:
현재 무한스크롤(Tab 컴포넌트) 기능에서, 게시글이 적을 경우 loadingRef와 바로 맞닿아 API 호출이 두 번 발생하고, 이로 인해 스켈레톤이 두 번 깜빡이는 문제가 발생함. 이를 해결하기 위해 아래와 같은 코드를 적용했지만, 게시글이 많을 경우에는 무한스크롤이 작동하지 않는 문제가 발생
{filteredPosts.length === 0 ? null : hasMore && filteredPosts.length >= 8 ? ( <div ref={loadingRef} /> ) : ( <LastPostMessage>마지막 게시글입니다.</LastPostMessage> )}
JavaScript
복사
현재는 이 문제를 임시로 복구해, 탭을 클릭할 때마다 스켈레톤이 깜빡이는 현상이 다시 발생. 이 문제는 스켈레톤 처리를 탭에서 하는 것이 아니라 CardItem에서 처리하는 방식으로 수정할 필요가 있음 다만, CardItem은 여러 곳에서 사용되기 때문에 수정 범위가 넓어질 수 있고, FE에서 정렬을 처리하다 보니 필터링된 값이 적을 때 짧은 시간에 여러 번 데이터를 불러와야 하는 상황이 발생. 따라서 현재는 임시로 정렬과 관련된 스켈레톤 처리는 해제한 상태 (추후에 CardItem에 적용예정)
알림 api readStatus 컬럼 추가:
store로 목데이터를 관리하면서 신규 알림에 대한 값으로 isNew 컬럼 임시 추가 이후 api 내 신규알림에 대한 안내값으로 readStatus 컬럼 추가되어 store로 관리하던 부분을 걷어내고 api 컬럼 값 적용 이 과정에서 isNew의 경우 true가 기본값이고 readStatus의 경우 false가 기본값으로 서로 기본값이 달라 신규 알림에 대한 New 뱃지가 생성되지 않는 현상 발생 기존에 isNew로 설정된 부분을 모두 readStatus로 변경해주면서 추가 수정 적용 완료
FOLLOW 및 COMMENT 타입 알림에 대해 게시글 이동 기능을 제공하였으나 조건부 오류로 이동되지 않는 현상 발생 현재 사용하지 않는 조건구문으로 제거 후 정상 이동 확인
REGISTRATION 타입의 경우 특산주 신청페이지로 이동되도록 구현하였으나 동적라우팅 적용이 어려워 보류 (⇒ 차후 구현 예정)

BE

기능 및 디자인 마무리, 일부 렌더링 오류 및 미비한 UI 처리 개선 작업 진행
영상 촬영 중 기능 오류 리팩토링 및 영상 제작 편집 진행중
기타 노션 및 데이터 오류 개선, DB 데이터 추가, 리팩토링 작업 - BE
UI 오류 개선 및 노션 기능별 gif 정리 - FE