리액트) 배열 에러

리액트 기본 동작

리액트는 거의 비동식으로 작동한다.

• 동기식
  동기는 말 그대로 동시에 일어난다는 뜻.
  요청과 그 결과가 동시에 일어난다는 약속.
  바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 한다.
• 비동기식
  비 동기는 동시에 일어나지 않는다를 의미.
  요청과 결과가 동시에 일어나지 않을거라는 약속.
  즉, 요청을 걸어놓고 다음작업으로 넘어감.

과연 비동기식이 좋은가?

그렇지 않다. 정말 화난다. setState는 기본적으로 비동기식으로 진행된다.
근데 이걸 배열로 사용하면 상상도 못하는 에러를 경험할 것이다.

이것 때문에 4시간을 할애 했다.

자 보이는가? 값이 잘 들어갔음에도 불구하고 비동기식으로 처리하여 두번째에는 undefined가 되었다.
집어넣은 배열의 index만 남았다.
이건 도저히 수준에서 처리할 에러가 아닌것 같다.
일단 조금 더 해봐야 할 것 같다.