React의 async 특성으로 인한 오류...

[Taeyoon Kim]

안녕하세요 강사님. 

react의 async 특성 때문에 생기는 오류같습니다. 이때까지는 그냥 함수 안에 넣어서 해결하였는데, 이번에는 잘 안되었습니다.

server.js 파일에서 작업하고 있고, 가장 아래에 있는 그림을 보시면, 2번 코드영역에서 1번의 sendData의 content 값을 설정하고, 3번의 return 항목으로 전달하는 코드입니다.  async특성때문에 null값이 출력이 됩니다. 

시도1:

그림에서 2번 코드영역에서  

result.stdout.on('data', function (data) {
sendData.set(data.toString())}

부분을 아래와 같이 원하는 값을 return하도록 바꾸어 보았고, 결과는 result에 포함된 항목들 전체가 출력됩니다.

const dataContent=result.stdout.on('data', function (data) {
return data.toString()
}) 

시도2 는 useEffect를 써보았는데, 아래와 같은 오류가 뜹니다.

server.js에서 useEffect쓰는 것이 잘못된 것인가요? 라이브러리는 정상적으로 불러왔습니다.

server.js에서 async문제를 해결할 수 있는 방법이 따로 있는건가요? 

답변 부탁드립니다. 

감사합니다.

 

 

[codingapple]

useEffect는 리액트 컴포넌트함수 안에서만 쓰는 문법입니다  

console.log(sendData.content)

return { 어쩌구 }

이거 하는 코드를 

result.stdout.on('data' 여기 콜백함수 안으로 옮겨봅시다 

[Taeyoon Kim]

사실 그렇게 미리 해 보았습니다.

하지만, return 값 전체가 undefined로 출력됩니다. ㅠㅠ

[Taeyoon Kim]

console.log(sendData.content)

return { 어쩌구 }

이거 하는 코드를 

result.stdout.on('data' 여기 콜백함수 안으로 옮겨봅시다.

위와 같이 하니 return 값 전체가undefined로 출력이 되고, 

콜백함수 안에서 바로 res.send({  ....  })로 보내려고 하니 , 

아래와 같은 에러가 뜹니다.

Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client
정말 이것저것 한다고 해봤는데 안되네요. 강사님 강의 다시 보고도 있는데, 잘 모르겠네요.

조언 부탁드립니다. 

[codingapple]

그 콜백함수안에서 

return {어쩌구} 하지말고

var 변수 = {어쩌구} 이렇게 변수에 저장해서 쓰면 될듯요?

Cannot set headers after they are sent to the client 이건 res.send() 이런거 두세번 하면 나오는 에러같습니다 

[Taeyoon Kim]

네 해결했습니다.

조언 감사합니다~^^

[글쓴이]

글