220526~27 팀프로젝트 17~18일차 회고록

1. kakaoMap 렌더링 문제

kakoMap을 렌더링 하는 과정에서 오류가 발생

데이터 값을 불러올 수 없다는 에러가 계속 발생하였다.

지속적으로 발생하는 것이 아닌 새로고침 하는 과정에서 가끔 발생하는 오류 였지만 문제가 발생할 수 있기 때문에 반드시 해결해야하는 과제 였다.

카카오맵 렌더링 할 때 useEffect를 사용해서 props를 내려주는 값이 변경이 되면 렌더링이 되도록 하였지만 작동하지 않았다.

원인

렌더링이 데이터 패치보다 먼저 일어나서 발생하는 문제였다.
패치하는 데이터가 DB를 훑고 렌더링이 일어나야 하지만 DB를 훑는 시간보다 렌더링이 빨리 되기 때문에 패치하는 데이터는 undefined였고 그 데이터가 지도로 내려가다보니 렌더링이 일어나지 않았다.

해결방법

삼항연산자를 이용하여 해결

렌더링이 되기전 다른 값을 보여주어 데이터 패치 시간을 기다려 주면 되었다.