⬅️ 이전 페이지로 이동

Path 콕 프로젝트 아키텍쳐

Path 콕 프로젝트 ERD

Path 콕 프로젝트 화면

경험 : setTimeout 활용 업체, 상품 조회 UX 개선

문제

경로 정보나 업체, 상품 등을 조회할 때 UI가 먼저 변경되어 데이터 없이 비어있는 화면이 부자연스럽게 나타나는 문제가 있었습니다.

진행 과정

useEffect를 이용한 비동기 요청의 처리가 끝나기도 전에 다른 UI로 변경되는 로직을 setTimeout을 이용하여 비동기 요청이 처리되고 UI가 나타나도록 수정했습니다.

결과

조회된 데이터가 0.5초 뒤 자연스럽게 UI에 표시되어 사용자 경험이 개선될 수 있었습니다.