한동안 전역 상태 관리를 주로 해서 클론 코딩을 하거나 간단한 것들을 만들었더니, 바보같이도 리액트의 기본적인 useEffect가 정확히 어떻게 작동하는지를 잠시 망각 ? 하고 살았던 것 같다.
요즈음 디자인 라이브러리 없이 마크업 연습도 하고, 리액트는 기본이고 추가로 js도 더욱 공부하고 있기 때문에, firebase를 이용한 간단한 웹을 공부하면서 만들고 있는데, 에러를 발견했다..!
Cannot read property 'map' of undefined
이 에러가 나온 것.
처음엔 좀 당황하고 화도 났던 것 같다 기본적인 useEffect 안에서 쓴 map에서 오류가 나버리니 말이다.
정말 왜 그런지 깨닫고는 내 무지에 화가 났었다.
아무것도 없는데 map을 쓸 수 없는 것이다.
redux-devtools-extension으로 현재 상태들을 체크하며 확인을 했더니 내 생각대로 데이터가 들어가고 있지 않았다.
useEffect의 원리를 고려하지 않고 빠르게 코드를 치려다 보니 생긴 미스였다.
useEffect는 렌더링 직후 혹은 컴포넌트가 업데이트되는 시점에 실행이 된다. (의존성 배열을 통해서 의존성 배열이 변경되었을 때) 이 점을 다시 복기하자
공부 기록