[JS, 문제해결] API res 덮어쓰는 문제

문제상황

강아지 사진을 뿌리기 위해 get 방식으로 dog api 서버에 요청을 보내는 함수를 만들어서 사용하려고 했다.
그런데 응답으로 온 res 객체가 중복되어 돌아왔다.

해결방법

문제는 req1 이라는 요청 변수가 전역 스코프에 있기 때문이었다. req1을 전역 변수로 만들면 함수를 호출할 때마다 객체에 대한 이전 요청을 참조한다. 따라서 비동기적으로 여러 개의 요청이 들어오면 이전 요청들의 응답 객체끼리 덮어쓰게 되어 중복된 res 객체가 돌아오는 것이다.

따라서 openApi 함수를 사용할 때마다 새로운 req1 객체를 만들어주는 방법으로 이를 해결하였다.