부트 캠프에 들어오기 전 풀 스택으로 여행 관련 홈페이지를 만들었는데, 수업을 듣고 잘못된 점이 굉장히 많았다는 것을 깨달았습니다. 따라서 리팩토링을 하고자 다짐하고 백엔드 쪽 코드를 먼저 정리하고, postman으로 테스트까지 마친 후 concurrently를 이용하여 리액트 쪽 서버와 백엔드 서버 모두 켰는데요.. 예상치 못한 문제점이 발생하였습니다.
리액트를 이용하여 3000포트로 홈페이지를 실행을 하였는데요, postman으로 테스트했을 때 문제가 없었던 프락시 문제가 나타났습니다.
Error occurred while proxying request localhost:3000/api/login to localhost:5000 라는 에러였는데요.. 구글링 했을 때 대부분의 분들이 서버 쪽 포트를 잘못 설정하거나, 리액트 쪽 서버만 켜놓고 백엔드 서버는 켜놓지 않았을 때 발생했다고 하였습니다. 하지만 저는 해당하는 문제가 아니었고, 최근 사람들이 많이 사용하는 챗봇gpt를 사용하게 되었습니다
챗봇 gpt가 대답하길 "이 오류 메시지는 일반적으로 포트 3000의 로컬 호스트에 연결할 때 프록시 구성에 문제가 있음을 나타냅니다. 이 문제는 서버가 해당 포트에서 실행되지 않거나 방화벽이 연결을 차단하거나 프록시 설정 문제와 같은 다양한 이유로 발생할 수 있습니다. 이 문제를 해결하려면 서버 및 방화벽의 상태를 확인하고 프록시 설정이 올바른지 확인하는 것이 좋습니다." 라고 답변을 주었습니다.
따라서 현재 컴퓨터에는 많은 사이트가 켜져 있었고, 보이지 않는 곳에서 서버 측 장애가 나타날 수 있겠다고 생각했습니다! 이유는 백엔드 쪽 서버가 proxy가 제대로 적용이 되고 있는 것을 postman을 통하여 확인했기 때문에 proxy 문제는 아니겠구나 생각이 들었기 때문이죠..
컴퓨터를 재부팅을 한 후 실행했을 때 제대로 작동되는 것을 확인했습니다. 그리고 곰곰이 생각해 보았더니, 원인을 찾을수 있었습니다. 이전에 학원에서 실습으로 배웠던 예제 문제가 있어 백엔드 서버를 켜뒀는데, 해당 포트가 5000포트였다는 것이 생각났습니다. 작업을 하고 있던 포트도 5000포트 였습니다.. 따라서 서버 측에서 보이지 않은 통신 장애가 있지 않았을까 라는 원인을 예측할수 있게 되었습니다.
