인프런 커뮤니티 질문&답변

안녕하세요 현재 웹 소켓 중 StompJS를 사용해서 채팅 기능을 구현 중이고 저는 프론트엔드(리액트)를 담당하고 있습니다.
현재 publish 메서드를 두 번 사용하는데 1번은 db에 저장하기 위해, 나머지 1번은 실시간 전송을 위해 사용합니다. 그런데 메시지를 실시간으로 주고 받는 건 되는데 DB에 저장이 안되는 상황입니다..
그리고 이 코드가 완전히 안되는 건 아니라고 생각이 드는건 전날만 해도 DB 저장과 실시간 대화가 다 되었었다는 것입니다.. 제가 혹시 뭔가 잘못 건드린 부분이 있다거나 문제가 되는 부분을 알 수 있을까 해서 올려봅니다.. 물론 서버나 DB의 문제가 있을 수도 있다고 생각하지만 웹 소켓이 완전 처음이라서 이런 사용 방식이 맞는지도 궁금합니다..!

추가로 StompJs.Client의 debug로는 두 요청이 다 보내지는 로그가 뜨긴 하는 것 같아서 사진 첨부합니다!

  // 메세지 보내기 버튼 클릭 시
  const sendMessageButtonClick = async () => {
    if (message.length > 0) {
      console.log('message', message);
      setHasInputError(false);

      // 메시지 보내기
      // 이미 연결된 WebSocket이 있다면 메시지 전송
      if (webSocketClient && webSocketClient.connected) {
        // 특정 채팅방으로 메시지 전송
        webSocketClient.publish({
          destination: '/app/' + roomId.id, // 채팅방 주소,
          body: JSON.stringify({
            // userId랑 메시지 내용만 보내기 - 서버에서 정해줌
            userId: userId,
            message: message
          })
        });

        webSocketClient.publish({
          destination: '/topic/room/' + roomId.id, // 채팅방 주소,
          body: JSON.stringify({
            chatId: Math.random(),
            localTime: new Date(),
            msg: message,
            responseDto: {
              id: userId,
              nickname: userId
            }
          })
        });
        setMessage(''); // 메시지 초기화
      }
    } else {
      setHasInputError(true);
    }
  };