위는 테이블 검색 결과값을 콘솔에 찍어본 결과였다. 이유는 await를 써주지 않아서였다. 비동기 함수에서 await를 써주지 않으면 promise를 pending 상태로 남기고 다음으로 넘어간다.

me.nickname[0]를 얻고자 했지만 me.nickname이 undefined이라며 error가 발생했다. nickname이 undefined일 때 undefined를 반환해서 멈추게 하기 위해 옵셔널 체이닝을 써야했다. split를 써서 me.nickname?.split(“”)[0] 로 해결할 수 있었다. split 말고 그냥 me.nickname?.[0] 도 가능하다. 이 에러가 발생한 이유는 데이터가 얻어지기 전에 페이지가 렌더링 되면서 발생한 것이다. 위 방법으로 해결하기 보다는 렌더링 전에 데이터가 올바르게 왔는지 확인하는 것이 더 좋다.