Node.js - code: ERR_HTTP_HEADERS_SENT 에러 핸들링

✍️ Today I Learned

우선 에러가 무엇을 뜻하는지는 알았다.

그렇다면 왜 발생했는지 코드를 뜯어보았다.

controller/authentication/logout.js
```
// 로그인 인증검사
await userAuth(req, res);
```
로그인 여부를 인증하는 코드에서 미들웨어 userAuth 함수를 호출하고 있으며 이 미들웨어 함수는 다음과 같이 구성되어 있다.

middlewares/authorized/userAuth.js

에러가 발생하는 시점은 로그인 상태 중 쿠키가 강제로 삭제되어(웹 브라우져에서 쿠키 초기화 등등의 이유로 인하여) 쿠키에 accessToken은 비어있지만 client 상태는 로그인 상태이기 때문에 로그아웃 요청은 진행이 가능하며, 로그아웃 요청시 2번의 응답결과가 발생되는 경우이다.

userAuth 미들웨어의 응답결과

res.status(401).json({ message: 'AccessToken Is Empty!' });

logout 컨트롤러의 응답결과

res.status(200).json({ message: 'Logout Success!' });

위 두 response가 서버에서 보내고 있기 때문에 발생하였다.

그렇기에 userAuth 로그인 검증 미들웨어 함수를 수정해 주었다.

middlewares/authorized/userAuth.js
return문 뒤에 response 응답 결과를 담지 않고 유효하지 않은 accessToken이 담겨있는 경우에는 false값을 반환하며 유효한 accessToken이 담겨있는 경우에는 userInfo 유저 정보값을 반환해주는 함수로 변경해주었다.

controller/authentication/logout.js

그 뒤 userAuth 검증 값을 userInfo 변수에 담은 뒤 해당 변수에 담기는 값이 false일 경우에는 상태코드 200번과 함께 메세지를 반환해주었다.

이로써 우선 응답결과는 하나의 요청에 하나의 응답만 주어서 에러는 해결하였다.

서버 변경점에 맞춰 클라이언트 코드도 수정해보려 한다.
로그인 검증이 필요한 axios API 요청의 아래에 response 응답값의 결과가 만약 상태코드 200번 && 에러메시지가 나오는 경우, 메인페이지로 리다이렉트 & 로그인 모달 팝업 상태로 변경하여 다시 로그인을 유도하는 방면으로 코드를 수정해봐야겠다.
로그아웃 외에 로그인 검증이 필요한 API 요청의 서버 & 클라이언트 코드들 또한 모두 수정해봐야 겠다.