자바스크립트 특정 함수 실행 후 원하는 함수 실행하기

Question

스프링에서 웹소켓을 사용해서 채팅방을 만들고 있습니다.카톡처럼 누군가가 입장하면 xx님이 입장하였습니다라는 알림을 띄워주려고 테스트 중인데요.var stompClient = null; // 채팅방 연결 function connect() { var socket = new SockJS('/endpoint'); stompClient = Stomp.over(socket); stompClient.connect({}, function(frame) { // 입장 구독 stompClient.subscribe('/subscribe/enter', function(message) { var data = JSON.parse(message.body); alert(data.username + " " + data.message); }); // 메세지 구독 stompClient.subscribe('/subscribe/chat', function(message) { var data = JSON.parse(message.body); // 메세지... }); }); } // 입장 메세지 입력 function sendEnter() { stompClient.send("/enter", {}); } $(function() { connect(); sendEnter(); }); 이렇게 하니 sendEnter()가 실행이 안됩니다. 90TUCSKFhHgO2lywyCuK:7 The key "user-scaleable" is not recognized and ignored. stomp.min.js:8 Opening Web Socket... stomp.min.js:8 >>> SEND destination:/enter sockjs-0.3.4.js:1173 Uncaught Error: INVALID_STATE_ERR at SockJS.send (sockjs-0.3.4.js:1173) at r._transmit (stomp.min.js:8) at r.send (stomp.min.js:8) at sendEnter (90TUCSKFhHgO2lywyCuK:88) at HTMLDocument. (90TUCSKFhHgO2lywyCuK:105) at i (jquery-2.2.4.min.js:2) at Object.fireWith [as resolveWith] (jquery-2.2.4.min.js:2) at Function.ready (jquery-2.2.4.min.js:2) at HTMLDocument.J (jquery-2.2.4.min.js:2) stomp.min.js:8 Web Socket Opened... stomp.min.js:8 >>> CONNECT accept-version:1.1,1.0 heart-beat:10000,10000 stomp.min.js:8 <<< CONNECTED version:1.1 heart-beat:0,0 user-name:testId stomp.min.js:8 connected to server undefined stomp.min.js:8 >>> SUBSCRIBE id:sub-0 destination:/subscribe/enter stomp.min.js:8 >>> SUBSCRIBE id:sub-1 destination:/subscribe/chat 중간에 에러가 나는데 제 나름대로 connect()가 실행이 다 되기도 전에 sendEnter()이 실행되서 그런가 아닐까 추측하고 있는데 제가 자바스크립트 초보라서 connect가 끝나면 sendEnter()가 실행되게 하려면 어떻게 해야할지 모르겠습니다. 방법 좀 가르쳐주세요! 여기까지 읽어주셔서 감사합니다

아리나니아 · Answer

jquery의 $.Deferred()를 이용해서 해결했습니다

FOKKIA · Answer

자바스크립트의 동기/비동기를 확인해 보시기 바랍니다.

자바스크립트 특정 함수 실행 후 원하는 함수 실행하기

2개의 답변

#sockjs 목록