위 에러는 db.json파일에 있는 data들을 백엔드 적 작업이 아닌 fake server(my json-server)를 활용하여 진짜 server가 있는 거 처럼 바꿔주기 위한 작업중에 생겨난 오류이다.

CORS 정책에 의해 내 URL들이 막혔다는 거 같은데…

그래서 data가 들어오지 않는 것 같은데….

어떻게 해결해야할지, CORS가 무엇인지 찾아보기 시작했다.

🚩CORS 란?

→ Cross Origin Resource Sharing

(다른 출처간의 리소스 공유)

어떤 사이트에서 주소가 다른 서버로 요청 보낼 때 접하는 오류

여기서 말하는 출처(Origin)는 프로토콜, 도메인, 포트를 의미한다.

서로 다른 출처끼리 요청을 주고 받는게 불가능한 것이 디폴트 값이다.

SOP(Same-Origin Poicy) 동일출처정책으로 같은 출처끼리만 data를 주고 받을 수 있었지만,

CORS가 그 권한을 풀어주는 것이라고 이해하면 되겠다.

📌 해결방법

→ Express 서버 설정

npm install cors를 설치 후, Express와 CORS 패키지를 사용하여 서버 설정으로 해결하는 방법이다.

구글링과 자료를 찾아보았지만.. 적용하기 조금 어려웠다.