이번 프로젝트를 json-server를 구축하여 통신 해보기로 했다.
json-server는 json 파일을 사용하여 REST API Mock server를 구축 할 수 있는 라이브러리이다.
프로덕션 전용은 아니고, 프로토타입을 만들거나, 공부를 위해 서버가 필요할때 유용한 툴이다.
json-server 포함한 사이트 배포
다른 무료 배포사이트는 정적 사이트만 배포 가능하여 이번엔 heroku를 통해 배포를 진행하였다.
json-sever를 구축하고 배포를 위한 과정은 아래 벨로퍼트님의 사이트 링크를 참고하면 간단하게 진행 할 수 있다.
🔗 json-server 이해하기
🔗 최적화 및 heroku 배포하기
💥 프로젝트 트러블 슈팅
사이트를 참고하여 배포를 완료했는데 배포주소를 통해 접속하였을 때 데이터를 못 받아오는 문제가 발생하였다.
💡 자신 코드의 데이터 통신 fetch() URL주소를 확인하자!
배포 완료해서 처음에 접속했을때 데이터가 잘 떠서 성공했나 싶었는데 알고보니 로컬 json-server 서버가 켜져있고 fetch Url주소도 로컬로 되어있어서 잘됐던 것이다.
❗️ 외부에서 접속했을 때도 잘 뜨게 하려면 fetch Url주소도 배포한 heroku Url 주소를 넣어줘야 정상적으로 데이터 통신이 이루어진다.
상훈