목록개발 공부/Error (9)
Just Do IT!
header 컴포넌트에서 useNavigate()를 사용했는데 아래와 같은 에러가 발생했다. useNavigate() may be used only in the context of a component. 이런 오류였는데 뭔지 궁금해서 구글링 해보다가 해결 방법을 알게 되었다. useNavigate()는 Router 구성 요소의 컨텍스트에서만 사용할 수 있다는 점이다. 오류가 났던 원인은 거기에서 있었다. header가 모든 페이지에서 사용되기 때문에 App.tsx 파일에서 header를 추가했었다. // App.tsx import Router from "./shared/Router"; import Header from "./components/header/Header"; import Footer from..
TIL에도 언급했듯이 vercel로 프로젝트를 배포했더니, api가 받아와지 않고 아래와 같은 에러가 발생했다. Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ''. This request has been blocked; the content must be served over HTTPS. 이 에러를 구글링해보니 원인과 해결 방법을 알 수 가 있었다. 원인 암호화된 HTTPS 페이지에 암호화되지 않은 HTTP를 통해 요청할 때 발생하는 에러 https 사이트에서 ajax를 사용해서 비동기로 http 사이트에 request를 요청해서 문제가 발생 이러한 원인 때문에 Mi..
폰으로 QR코드 인식 할 때 로딩이 좀 길어진다 싶더나 저런 에러가 나왔다. Network response timed out. 로딩이 길어진다 싶더니 저 에러가 나온게 세번이라서 바로 구글에 검색해봐서 지금은 오류를 해결했다. 그런데 혹시 까먹을 수도 있으니 에러 해결을 위해 시도했던 방법들을 정리해보기로 했다. 동일한 네트워크를 사용하고 있는지 확인 처음에는 내 노트북과 핸드폰의 wifi가 다른지 확인해봤다. 그랬더니 똑같은데...? 다른 wifi를 사용한다면 이런 오류가 발생한다고 해서 둘 다 들어가봤는데 동일했다. 그래도 혹시 모르니 핸드폰의 wifi를 껐다가 다시 실행시켜봐도 똑같은 오류 발생. +) 혹시라도 같은 오류가 생겼을 때 제일 먼저 확인해야 할건 맞는 것 같다. 방화벽 설정 확인하기 설..