7/30 코드잇 중급 프로젝트 데일리 회고록

주요 활동

오전
멀티 핸들 슬라이더가 초기화 이후에 maximum update depth exceeded 오류를 일으키며 요동 치던 문제를 해결해보려 했습니다.

초기화 시 기존에는 없던 초기값으로 상태가 바꾸는데 이걸 반영하는 useEffect가 없어서 생긴 문제라고 생각됩니다.

 

오후
키보드 목록 페이지 필터 기능 구현을 계속 이어갔습니다.
필터 초기화 시 체크 되었던 필터값이 초기화 되도록 하였고 api 연동을 통해 필터 적용하기 버튼으로 실제 아이템들이 필터링되어 보이도록 기능을 추가했습니다.

 

수정사항

swagger api상 타입의 중복 체크가 불가능해서 타입 체크 박스 부분을 단일 체크만 가능하도록 수정했습니다.
필터링 결과가 없을 시 EmptyList 컴포넌트를 활용한 '선택한 필터 조건에 맞는 키보드가 없습니다.' 텍스트가 뜨도록 수정했습니다.

next/navigation의 useRouter를 사용하여 목록 페이지 키보드 카드에서 해당 키보드의 상세페이지로 넘어가도록 수정했습니다.