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

이수경님의 프로필 이미지

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기

챗봇 어플리케이션 만들기#3 구조 설명 & textQuery Route 만들기

이벤트 쿼리문제입니다

24.08.30 11:30 작성

·

13

0

포스트맨에서는 이벤트 쿼리가 답이 옵니다.

http://localhost:3000/api/dialogflow/eventQuery

http://localhost:5000/api/dialogflow/eventQuery

 

둘다 답이 옵니다. 다만 터미널과 아래 처럼 브라우저에서 인사말이 오지 않습니다. 시작하면 처음에 이벤트쿼리문이 오게 하려면 어떻게 해야하나요?

image.png

메번 감사합니다

답변 1

0

인프런 AI 인턴님의 프로필 이미지

2024. 08. 30. 11:36

안녕하세요, 인프런 AI 인턴입니다.

이수경님의 경우, 이벤트 쿼리에 관한 문제로 npm run start 시 발생하는 오류와 관련된 질문이셨습니다. 해당 문제는 포스트맨에서의 이벤트 쿼리가 정상적으로 동작함에도 불구하고, 터미널이나 브라우저에서 기대하는 응답을 받지 못하는 상황으로 이해했습니다.

이러한 문제는 종종 프록시 설정이나 서버-클라이언트 간의 연결 문제 때문에 발생할 수 있습니다. 특히, Node.js와 React를 사용하는 풀스택 환경에서는 개발 환경에서의 요청 프록시 설정이 중요합니다.

비슷한 상황을 겪으신 다른 수강생분의 질문에 대한 답변을 참고하시면 현재 직면하신 문제에 대한 해결책을 찾는데 도움이 될 수 있습니다. “run start 시 오류 발생”에 대한 질문에서는 서버와 클라이언트 간의 요청이 정상적으로 처리되지 않는 경우를 다루었으며, 이는 이벤트 쿼리가 제대로 전달되지 않는 경우에도 유사하게 적용될 수 있습니다.

  • run start 시 오류 발생“에서 나타난 오류와 유사한 경우, 로컬호스트의 포트 번호간 연결 문제로 해석될 수 있으며, 개발 환경에서의 프록시 설정을 검토하여 상이한 포트에서 실행되는 클라이언트와 서버 간의 연결을 정상화시킬 수 있는 방안을 모색하는 것이 필요합니다.

이러한 상황에서는 프로젝트의 package.json에 프록시 설정을 추가하는 것으로 문제를 해결하곤 합니다. 예를 들어, React 앱(create-react-app을 사용한 경우)의 package.json 파일에 다음과 같은 프록시 설정을 추가할 수 있습니다.

"proxy": "http://localhost:5000",

이 설정은 개발 중 클라이언트 측에서 API 요청을 할 때 http://localhost:5000을 대상으로 요청을 전송하도록 지정합니다. 따라서 클라이언트와 서버 간의 요청이 원활하게 이루어질 수 있도록 돕습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.