Open API 가 이렇게 고생시킬 줄이야 TIL

1.내가 만난 오류

• 튜터님의 피드백에 따라서 open API가 잘 가져와지는지 확인을 했다.
• 인증키 발급과 키를 넣고 주소를 쳐보니 데이터가 잘 나오길래 방심
• CORS에러가 남...🥲(Cross-Origin Resource Sharing) _ 이거는 다음 TIL에 작성
  거의 처음 만난 에러라 찾아봐도 이해하기가 쪼금 어렵긴했다.

2.시도

• 인증키를 요청할때 보니 "서버 URL"을 입력할 수 있도록 되어있는데 필수가 아니여서 그냥 안적어내서 그런가하고 내가 요청을 보낼 주소인 http:localhost:3000을 입력   -> 똑같이 안됨
• 데이터를 넘겨주는 서버가 Access-Control-Allow-Origin 에다가 localhost:3000을 입력해줘야했다.
  (OpenAPI라 서버를 어떻게 내가 조작할 수 없었다..팀원분 말로는 답답한 마음에 거기 전화까지했다는...ㅋㅋㅋ)
• 프록시 서버 설정도 해보았다. package.json에서 프록시 서버를 설정도 해봤다. -> 역시나 에러 

3.해결

https://cors-anywhere.herokuapp.com/

이 주소가 프록시 된 요청에 CORS헤더를 추가해준다.

그래서 내가 api를 가지고 올 주소 앞에다가 위의 주소를 입력해주니 가져와졌다.

 

4.알게된 점

사실 아직 이 방법에 대해서 완벽하게 이해한 것은 아니다.

찾아보니 이 헤로쿠 CORS프록시 서버 구축을 깃허브랑 연동해서 사용하는 분들이 많던데 난 그렇게 하지 않아도 연결이 잘되었다.

아직까지는 큰 불편함 없이 사용하고 있어서 계속 이렇게 사용할 예정이다.

이걸 해결하려고 거의 반나절을 했는데 (저녁에 시작해서 안되서 자고 일어나서 다음날 아침까지했으니) 안될까봐 엄청 답답했는데

되니까 그래도 다행이라는 생각이 들었다 ㅠ 우리 프로젝트 지켜!!!!!👍

 

🏁 프로젝트

-와이어프레임은 계속해서 만들어 지고 있고 이번주 일요일까지 어느정도 서비스페이지(메인기능이 있는)의 디자인이 나오도록 하겠다고 말씀해주셨다(열일하셨다..!)