map함수를 사용하면 자주 만나는 에러..!! 이번에도 프로젝트를 만들면서 만났다 해결방법은 간단한데, 왜 이런것이 발생했는지 원인이 궁금해서 공부하다보니 시간이 좀 오래 걸렸다. 이유는 렌더링과 관련이 있었다! 🔍 원인 map은 배열에만 사용할수 있다. 위의 에러에 적힌것처럼 undefined.map은 사용X 🤔 그러면 왜 undefined가 들어오는 걸까? 리액트는 컴포넌트의 상태(state)나 속성(props)의 값이 변경될때마다 자동으로 렌더링을 수행한다. 하지만 데이터를 비동기적으로 받아올때는, 데이터가 들어오지 않았음에도 렌더링이 실행될 수가 있다. 데이터가 아직 도착하지 않았지만 리액트는 array.map()을 실행한다. 이때 array는 아직 정의되지 않은 undefined 상태이므로 오류..
