[Node.js] 백엔드에서 response 여러번 보내는 방법

 

안녕하세요.

오늘은 Node.js를 사용할때 response를 여러번 보내는 방법을 알아보겠습니다.

 

왜 response를 여러번 보내야돼? 라고 궁금하실수 있을텐데요.

제가 개발하려는 기능을 간단히 설명 드리겠습니다.

제가 개발하려는 기능은 작업이 끝날때마다 response를 보내서 화면에 로그를 출력하고 싶었는데요.

node.js에서 많이 사용하는 response.status(200).json({}); 을 사용하면 한 번의 response만 보낼 수 있더라구요.

 

그래서 제가 사용한 방법은 response.write(); 입니다.

---

 

백엔드에서 response 여러번 보내기

 

 

res.write(
    JSON.stringify({
      status: "loading",
      message: "response 받기 시작",
    }) + "\n"
  );
  
  setTimeout(() => {
    res.write(
      JSON.stringify({
        status: "lodding",
        message: "response 받기",
      }) + "\n"
    );
  }, 1000);
  
  setTimeout(() => {
    res.write(
      JSON.stringify({
        status: "success",
        message: "response 받기 완료",
      }) + "\n"
    );

    res.end();
  }, 2000);

 

 

위 소스처럼 response.write()에 응답 json을 보내면 여러번 보낼수 있는데요.

다 보내고나면 꼭 response.end()를 해야합니다.

 

이 response를 받는 프론트엔드에서도 받는 방법이 달라지는데요.

---

 

프론트엔드에서 response 여러번 받는 방법

 

 

async function getResponse() {
      try {
        // 백엔드에서 response 받기
        const response = await fetch("http://localhost:5000/response");
        const reader = response.body.getReader();

        // 반복문으로 받은 데이터를 처리
        while (true) {
          const { done, value } = await reader.read();
          if (done) break;

          // 받은 데이터를 문자열로 변환
          const text = new TextDecoder().decode(value);
          const lines = text.split("\n");

          // 문자열을 줄바꿈 기준으로 분리
          for (const line of lines) {
            if (line.trim() === "") continue;

            try {
              const data = JSON.parse(line);

              // 받은 데이터를 화면에 출력
              const statusDiv = document.getElementById("response");
              statusDiv.innerHTML += `<div>${data.message}</div>`;
            } catch (e) {
              console.error("JSON 파싱 에러:", e);
            }
          }
        }
      } catch (error) {
        console.error("Error:", error);
      }
    }

 

위 소스처럼 반복문으로 받은 데이터를 처리를 하면 됩니다.

 

response를 받을때 response.body.getReader()로 받고 TextDecoder()를 사용해 문자열로 변환하는데요.

보편적으로 사용하는 response.text()나 response.json()은 모든 데이터를 수신한 후에 처리하기 때문에 TextDecoder()를 사용했습니다.

 

이렇게 개발하면 어떻게 출력되는지 동영상으로 보여드리겠습다!

 

---

 

 

이렇게 response를 여러번 보내는 방법을 알아보았습니다.

 

일어주셔서 감사합니다!

---

 

참고하면 도움되는 포스팅 ▼

[Node.js] 윈도우에서 Node.js 설치하기

 

[Spring Boot] JAVA로 만든 Controller로 JSP 호출하기

 

[GIT] GIT Download 윈도우에서 GIT 설치하기