[실전프로젝트] 검색 No Data 일 때 화면 추가

사용자 피드백에는 없었지만 개인적으로 추가하고 싶은 부분이 있다면
검색 결과가 noData 일 때 화면 추가!
기존 엔 검색 결과가 없으면 화면에 아무것도 뜨지 않았다.
휑해 보이고 사용자 입장에서 생각해보면 이런 점이 조금 불친절?하게 보일 수도 있을 것 같았다.

∙ 개선된 화면

∙ 코드

 {tags?.length === 0 && (
    <DIV2>
      <NoDataImg src={noData} />
       <NoDataTitle>! 선택한 태그들의 결과가 없어요. <br />
         다시 선택해 주시겠어요?
       </NoDataTitle>
    </DIV2>
 )}

좋은 웹페이지 즐겨찾기