자바스크립트 async await 적용

Question

현재 STOMP 프로토콜을 이용해서 채팅을 구현해보고 있습니다. 채팅은 구현이 완료되었는데 실시간 알람을 받으려면 모든 페이지에서 페이지에 접속할 때 마다 웹소켓이 연결되어야한다고 생각했습니다. 그래서 제가 생각한 방법은 다음과 같습니다. 1. /chat/get_room_id 에서 내가 현재 갖고있는 roomId를 가져온다.2. 자바스크립트 information 이라는 배열에 내 roomId를 담는다.3. information의 크기만큼 for문을 돌려서 stomp.subscribe로 내가 가진 채팅방과 웹소켓으로 연결한다. 대충 이런 느낌으로 하고싶은데 1 -> 2 -> 3 의 순서로 갔으면 좋겠는데 로그를 찍어보니 3 -> 1 -> 2 순서로 동작하는것을 확인했습니다. 구글링을 해봤을 때 결론은 자바는 비동기언어이기 때문에 async await를 잘 활용하면 이러한 순서와 관련된 문제를 해결할 수 있다는 것이었습니다. 그래서 구글링을 통해 async await를 적용했지만 끝까지 3 -> 1 -> 2 순서로 작동됩니다. 제가 자바스크립트가 주력 언어가 아니라 어느 부분을 놓치고 있는지 확인해주시면 감사하겠습니다.

worker ant · Accepted Answer

axios.get('/chat/get_room_id').then(res &#61;> { information &#61; res.data; console.log(information.length); }) resolve(information); 요청을 하지만 응답이 오기 전에 resolve합니다.

코린이듈리 · Answer

이렇게 바꾸면 읽기도 좋고 문제도 해결됩니다.

마늘냄새폴폴 · Answer

&#64;worker ant 말씀하신대로 요청오는 부분에도 await를 달아주니 해결되었습니다. 답변 감사합니다. &#64;Doosies코드까지 작성해주시다니 정말 감사합니다. 하지만 해당 코드로 실행해보니 콘솔에 아무것도 뜨지않는 현상이 생겨서 다시 롤백할 수 밖에 없었습니다. 답변 감사합니다.

자바스크립트 async await 적용

3개의 답변

#await 목록