[Knock] 반응형 리스트 요소 개수 개선 - UX
·
PROJECT/에러핸들링
요구 사항Tablet에서 상단 네비게이션 영역의 좌우 여백은 50px을 유지합니다카드 리스트 영역의 좌우 최소 여백은 32px 입니다카드 컴포넌트의 최소 너비는 186px 입니다카드 리스트 영역이 줄어드는 것에 따라 카드 크기가 작아지다가 186px보다 작아질 때 하나의 행에 4개 → 3개씩 보이도록 합니다.문제상황렌더 시 렌더링이 완료되기 전까지 아무런 UI가 없어 사용자가 페이지의 맥락을 이해할 수 없다.(요소와 페이지네이션의 존재를 알 수 없다.)반응형 요소 변화 시 요소 개수 오류(렌더링 속도에 따라 요소의 개수가 변하지 않는 오류가 발생)(8개 -> 6개)(6개 -> 8개)시도사용자에게 페이지 맥락을 이해시키기 위한 Skeleton UI를 적용하여 렌더링 시 요소 위치를 미리 보여줌code// ..