json-server ERR_CONNECTION_REFUSED 오류해결

리액트 쿼리를 배워야해서 강의를 찾던중 해외유튜버 강의를 찾아서 씐나게 배우면서 따라 코딩을 치고 있었다

db.json도  만들고~  json-server를 설치도해서 서버환경을 만들어주고  axios 설치까지함 

이제  드디어..!! 가상의 json-server 로컬주소까지 get 으로 받아오는거까지 코드작성  마무리했는데 

염병 ..

네트워크 오류가 뜬거임... fucking 

도대체 뭐가 문제인건지 열심히 구글링을 함... 내가 패키지 다운을 안한게 있나... npm 으로 이것저것 설치도 해보고...

별 짓을 다하면서 삽질을 하기 시작했음... 나의 소중한 시간.. 그러다 한줄기의 빛을 발견함...

나랑 비슷한 증상을 겪은 다른 블로거도 있는거임 그리고 해결하는 방법을 적어주심 .. ㅠㅠ 갬동..

 

---

문제를 해결했던 방법

에디터의 터미널을 두 개 열어,
하나는 로컬로 앱을(npm start)
실행하고, 하나는 json-server --watch db.json --port xxx(포트번호) 로 분리하여 실행하니 오류가 해결됨 

2개의 터미널중 하나는 port 4000에 해당하는 db.json을 실행한다

다른 하나는 npm start를 입력

 

나랑 비슷한 증상을 겪었다면 부디 이 글을 보고 도움이 되었으면 좋겠다