728x90 반응형 JavaScript/오류 해결3 [JS/오류해결] Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream already read 문제 상황 fetch를 사용하고, 응답을 받을 때 response.json()을 사용한다. 이때 response.json()을 2번 사용하면 오류가 발생한다. fetch('https://www.naver.com/') .then((response) => { console.log(response); if (response.ok) { console.log(response.json()); return response.json(); // 오류 발생 } }); 원인 response.json()은 HTTP 응답에서 JSON 데이터를 추출하기 위한 메서드이다. 이 메서드는 해당 HTTP 응답의 body를 읽어서 JSON 객체로 변환해 주는 역할을 한다. HTTP 응답의 body는 일반적으로 string으로 전송되고, .. 2023. 4. 16. [JS/오류해결] POST request status가 canceled일 때 문제 상황 회원가입 페이지에서 이메일과 비밀번호를 작성하고 회원가입 버튼을 클릭했을 때 크롬에서 response를 받지 못하는 문제점이 있었다. 이메일과 비밀번호는 input으로 작성되었고, 회원가입 버튼은 button으로 작성했다. 그리고 3개의 HTML 엘리먼트는 form으로 감싸주었다. response를 받지 못하는 이슈를 확인하기 위해, 개발자 도구의 network 탭을 확인해봤다. 여기서 status가 canceled인 것을 확인할 수 있었다. 참고로 postman에서는 통신이 잘 되는 것을 확인한 상태이다. 해결방법 이유는 form 태그 안에서 만든 회원가입 button 때문이였다. 안의 은 default 속성으로 submit 타입을 갖고 있다. 그래서 버튼을 누를 때마다 POST reques.. 2023. 4. 5. [JS] map을 사용했을 때 의도치 않은 쉼표(,)가 출력되는 경우 map을 사용할 때 아래 사진처럼 의도하지 않은 쉼표가 출력되는 것을 확인할 수 있다. 이를 해결하는 방법은 매우 간단하다. map 함수 뒤에 join("")을 해주면 된다. 근데 왜 의도하지 않은 쉼표가 출력되는 걸까? 그 이유는 map 함수는 문자열 형태로 값을 리턴할 때 기본적으로 쉼표로 묶어서 리턴하기 때문이다. 질문이나 잘못된 점은 댓글로 남겨주세요 :)💖 2023. 3. 7. 이전 1 다음 728x90 반응형
