localhost 접속이 안되고 로딩만 계속 하는 오류

깨달은 것

1. 노트북 끄기 전에 포트 종료를 잘 하자😅
2. netstat으로 리스닝 상태인 포트 확인 가능
3. npx kill-port로 포트 종료할 수 있다

💥 에러 상황

FastAPI를 배우던 중 uvicorn todos.api:app --port 8000 --reload 로 서버를 실행하고 http://localhost:8000/를 접속하니 무한 로딩만 되고, 접속이 안 되는 문제가 발생했다.

8000이 안 돼서 답답한 마음에 port 번호를 8088로 바꾸어 uvicorn todos.api:app --port 8088 --reload 로 접속해봤더니 8088로는 또 접속이 잘 되는 것이 아니겠는가!

🔍 문제 원인

원인은 8000번 포트가 종료되지 않고 실행되고 있어서였다.

포트가 실행되고 있어서 종료했더니 실행이 된다는 restful관련 질의응답을 참고하여 해결했다. 어제 해당 포트를 종료하지 않고 노트북을 종료시켰더니, 여전히 사용중이었다보다.

✅ 해결방법

해당 포트를 종료시켜주면 된다.(해당 포트를 사용하고 있는 프로세스를 죽이는게 X)

npx kill-port <종료할 포트 번호> 로 포트 종료해주면 된다.

자세한 방법은 아래 gpt가 알려준다.

kill-port를 한 후 8000번으로 접속을 다시 해보니, 잘 된다.

이외 해결방법

경로 중간에 한글로 된 파일/폴더가 있으면 접속 오류가 생길 수도 있나보다