[딸기마켓] 버그 수정 - 중고마켓 상세 페이지 캐러셀

문제

 

게시글에 상품 이미지가 없거나 빈 배열일 때도 캐러셀이 보이는 버그입니다.

 

 

props로 받은 이미지 중 이미지 주소가 없는 경우를 걸러서 newImages 배열을 만드는 로직이 있지만 애초에 받아온 배열이 ["", ""] 같은 상황일 경우 빈 배열이 만들어지게 됩니다.

 

ItemImages 컴포넌트를 조건부 렌더링으로 newImages 배열에 값이 있을 때만 생성하고 있는데, 이 코드는 이미지만 조건부 렌더링할 뿐, 캐러셀은 그대로 렌더링되기 때문에 버그가 발생합니다.

 

 

해결

 

lodash 라이브러리의 isEmpty 메소드를 활용해서 newImages 배열이 비어있을 경우 프래그먼트를 반환하도록 코드를 수정했습니다.

 

 

수정 후에 상품 이미지가 없는 게시글에는 캐러셀이 보이지 않고, 이미지가 있는 게시글에는 캐러셀이 보이는 것을 확인할 수 있습니다.