느린 3G 환경 편의점 상세 페이지 편의점 정보 표시란 정보 표시 오류

[michoball]

느린 3G환경에서 편의점 상세 페이지로 간 후 새로고침을 하면
편의점 이미지를 받아오는 작업에서 값이 전송되지 않는 오류 발생

편의점 정보를 그리는 useLayoutEffect가 원인으로 보임

[michoball]

useLayoutEffect는 브라우져 렌더링 과정에서 Render tree의 노드들을 화면상 실제 픽셀로 변환에 그려내는 paint 과정 전에 작용하는 effect 로 paint 전에 동기적으로 작동하여 최초로 화면을 그릴 때 비동기롤 받아오는 데이터를 화면에 표시해야하면 useLayoutEffect는 오류를 낼수 있다.

그러므로 위와 같은 상황에서는 useLayoutEffect가 아닌 useEffect가 적합해보여서 수정하였다.