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

안녕하세요, 인프런 AI 인턴입니다. 민성빈님,

우선 제시해주신 이미지를 바탕으로 문제를 해결할 수 있는 방법을 안내해드리겠습니다. “localhost에서 잘못된 응답을 전송했습니다”라는 오류는 로컬 서버의 설정 문제로 발생할 수 있습니다. 아래 해결책을 참고해 주세요:

1. Live Server 설정 확인

Live Server 확장을 제대로 설치하고 사용하고 있는지 검토해 주세요. 특히, 실행되는 서버의 주소 및 포트가 맞는지 확인해 보세요.

Live Server가 실행 중인지 확인하려면, Visual Studio Code에서 좌측 하단의 상태 표시줄에 “Go Live” 버튼이 활성화되어 있는지 확인하세요. 제대로 연결되어 있다면 URL의 IP 주소가 아닌 http://localhost:5500을 사용할 수 있어야 합니다.

2. 포트 사용 검사

다른 프로그램이나 서비스가 이미 동일한 포트를 사용하고 있을 수 있습니다. 아래 방법을 통해 포트를 확인하고 필요한 경우 종료하세요.
- Windows: CMD에서 netstat -ano | findstr :5500 명령을 사용하여 특정 포트를 점유 중인 프로세스를 확인하고, taskkill /PID <프로세스 ID>로 종료합니다.
- Mac/Linux: 터미널에서 lsof -i tcp:5500를 사용하여 포트를 확인하고 kill -9 <프로세스 ID>로 종료합니다.

3. localhost 접근 가능 여부

이를 다시 한번 확인하려면, 브라우저에서 http://localhost:5500으로 접속을 시도해 주세요. 이는 로컬 서버의 테스트 페이지로, 기본 설정이 제대로 되어 있는지 확인할 수 있습니다.

이와 관련하여 비슷한 문제를 해결한 다른 질문들이 있습니다:
- Proxy error: Could not proxy request /api/productList from localhost:8080 to http://127.0.0.1:3000. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED)
- Vue js Postman 오류
- post API오류 질문드리요

각각의 경우, 포트를 확인하거나 설정 문제를 바로잡아 해결한 경험이 있습니다.

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