Rest-API를 테스트하며 Axios 라이브러리를 사용했을 경우 Front-end쪽에서 Back-end로부터 받아온 response를 다른 전역변수에 저장하여 Axios 함수 밖에서 출력할 경우 undefined가 떴다. 분명 변수에 저장도 완료되었는데 왜 그럴까 고민하던 도중, 어제 올린 Rest vs Graphql포스트에서 Axios는 HTTP 비동기 통신 라이브러리
라는 것을 생각했다! 쉽게 말했을 때 동기 통신은 req과 res의 순서가 보장되지만 비동기 통신은 req과 res의 순서가 보장되지 않는다는
것이다. 즉 비동기 통신은 여러 req 이후에 res가 들어올 수 있다는 것이다!! 그러니 undefined가 뜰 수 밖에. 이제는 response값을 Axios 밖에서도 사용할 수 있을지 찾아봐야겠다. 오늘의 큰 수확!!😆
오늘은 일이 있어 많은 것을 보지못하였지만, 위의 궁금증을 해결하면서 조금더 front-end와 back-end간의 데이터 통신에 대해 한 발짝 더 다가간 느낌이라 행복하다.