[ JS ] .push()를 통한 배열 업데이트 - Cannot read properties of undefined (reading '0')

에러 발생 상황

  react 튜토리얼의 tic-tac-toe 제작 중 임의로 [...history, newSquare]을 history.push(newSquare)로 바꾸었을 때 발생

 

원인

  [...history, newSquare]대신 history.push(newSquare)를 사용했으며, history가 초기화 되기 전에 호출되었습니다.   [...history, newSquare]을 사용하는 경우 최소한 하나의 요소 이상은 초기화 되어 있으므로 에러가 발생하지 않으며, 추가적으로 조건문을 통한 초기화 여부 확인을 통해 에러를 방지할 수 있습니다.