인프런 커뮤니티 질문&답변
작성한 질문수
[그랩님 답변 부탁드립니다]101강
작성
·
32
·
수정됨
0
그랩님, 강의 잘 듣고 있습니다.
다름이 아니라 궁금한 사항(=에러 해결방법)이 필요해서 글을 남기게 되었습니다.
101강에서 Axios 에러(400)가 안드로이드 스튜디오 에뮬레이터에서 발생하고
이어 아래의 추가 사진2에서 보시다시피 502 Bad Gateway가 발생하여 어떻게 해결 할 수 있는지에 대해 알고 싶어서 질문 드립니다.
일단 101강 처음부터 ~ 4분 52초까지 그랩님께서 작성하신 소스코드를 똑같이 작성 후결과를 보려하는데,
농구공 그림(세부사항:판매자:그랩,가격,상품명등등) 이 나오지 않아서 이것을 어떻게 하면 그랩님과 같은
결과를 볼 수 있을지에 대해 여쭈어봅니다.
사진 1 첨부 : 판매되는 상품들 밑에 100강만 들었을 시에 농구공 화면이 잘 나왔으나 101강 4분 52초까지
의 내용의 소스코드를 입력 후 결과값 보면 400 에러도 발생하고 농구공도 안나오게 됩니다.
어떻게 해야 하나요?
사진 2 첨부 : ngrok http 8080후 진행 하면, 아래와 같이 502 Bad Gateway라고 뜨는데, 이 에러 의미와
무엇이 잘못된건지 그리고 어떻게 해결 해야 하는지 답변 주시면 좋겠습니다.
이어서 중간에 아래 사진과 같은 절차를 겪었었는데요, 필요할 것 같아 참고로 스샷을 첨부합니다.
axios 설치 후 grab-market-mobile에서 npm start하니 다른 프로세스에의해 포트 8081이 사용되고 있는데 8082 포트를 대신 쓸거냐는 질문에서 y or n 하라는데 y하게 되었는데요, 이 다음에 어떻게 해야
그랩님 강의와 똑같이 잘 작동할 수 있을까요?
더불어서 또 다른 에러가 발생하는데요,
또 다른 에러는 cmd에서 ngrok http 8080 입력 후 포워딩 주소를 크롬브라우저에 복사 후 붙여넣으면,
이전 밑에 질문에서는 정상 작동되었으나
지금은 아래와 같이 바뀐 에러가 발생하였습니다.
해결법을 모르기에 아래에 사진을 첨부합니다.
꼭 답변 부탁 드립니다.
그랩님의 답변 부탁 드립니다.
답변 2
0
우선 3번의 이슈부터 설명을 드리면
서버를 실행해서 접속하기 위해선 포트가 필요합니다. 그리고 만약 다른 서버가 8080 포트를 점유했으면, 새로운 서버를 같은 포트로 실행하려고 하면 8081로 포트를 쓰라고 제안을 해주는 형태입니다. 아마 현재 질문자님께서는 기존에 실행된 서버가 있어서 8081, 8082가 뜨는 것 같습니다. 그 과정에서 2,3번 이슈가 뭔가 생기지 않았나 싶은데요.
이를 해결하기 위해서는 기존 서버를 전부 종료해주고 하나의 서버만 우선 8080으로 시작하고 다시 테스트를 해보면 좋을 것 같습니다!
특정 포트의 프로세스 죽이기 (window powershell 기준)
netstat -ano | findstr :<포트번호>
taskkill /PID <PID번호> /F
예시: 'netstat -ano | findstr :8080' 으로 PID가 3283이 나오면 'taskkill /PID 3283 /F' 입력해서 서버 종료시키기
0
안녕하세요, 인프런 AI 인턴입니다. isbcom1004님, 질문해주신 Axios 400 에러와 Ngrok의 502 Bad Gateway 에러 해결에 도움을 드리겠습니다.
1. Axios 400 에러 해결
먼저, Axios 에러 400은 주로 잘못된 요청, 즉 클라이언트에 의해 서버로 보내지는 요청이 잘못된 형식을 가지고 있을 때 발생하는 에러입니다. 이 문제를 해결하기 위해 확인해야 할 사항은 다음과 같습니다:
- API 요청 URL을 확인하세요. 올바른 경로와 포트로 요청을 보내고 있는지 확인하세요.
- 요청 헤더나 데이터의 형식을 점검하세요. 서버에서 기대하는 형식과 실제로 보내는 형식을 비교해 보세요.
- 데이터 파라미터가 필수로 필요한 경우인지 확인 하세요. 파라미터가 빠지지 않았는지 점검하세요.
2. Ngrok 502 Bad Gateway 에러 해결
Ngrok에서 502 Bad Gateway 에러가 발생하는 이유는 주로 다음과 같습니다:
- Ngrok가 올바르게 로컬 서버에 연결되지 않았습니다. 서버가 실제로 실행 중인지, 그리고 Ngrok가 올바른 포트로 포워딩되고 있는지 확인하세요. 예를 들어, ngrok http 8080 명령어가 정확한 포트로 실행되고 있는지 점검하세요.
- 서버가 예상대로 응답하지 않습니다. 서버가 실행 중이지만 예상된 포트에서 요청을 처리하지 못하는 상황일 수 있습니다.
3. 포트 사용 문제
포트 8081이 사용 중일 때 8082로 이동한다는 메시지가 나타나는 것은, 해당 포트가 다른 프로세스에 의해 사용 중임을 의미합니다. “y”로 응답한 후 변경된 포트가 코드 내에서도 일관되게 사용되는지 확인하세요. 변경된 포트 번호를 API 요청 URL에 반영하셔야 합니다.
참고로, 관련 해결 정보를 확인 하실 수 있는 게시글:
- axios 주소 변경 이후 화면이 뜨지 않아 문의드립니다!: 포트 및 서버 설정 오류
- 안녕하세요. 질문드립니다.: 서버 응답 오류
현재 제시된 문제의 해결을 위해 위의 사항들을 확인하시고, 추가적인 문제가 지속된다면 코드 일부를 함께 공유해 주시면 구체적인 도움을 드릴 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
그랩님의 답변을 기다립니다.