(4day)CORS

geolocation 문제 해결

자고 일어나니 해결했다...

내가 해결한 방법은 함수안에 api를 넣은것이다.

문제의 원인이 지오로케이션의 latitude가 success함수 내애서만

정상적으로 나온다는 것인데 그래서 카카오 api를 그 함수내에 넣고

그 latitude를 사용해주었다

이 해결방법이 되는건 알겠지만 도대체 왜 어제 생각못했는지 모르겠다..

수학문제든 코딩이든 자고 나면 해결되는 경우가 있나보다

CORS 문제

이제 공공데이터의 api를 이용해서 미세먼지농도를 추출하면되는데 쉬울줄 알았던게

오히려 더 어렵게 가는 것 같다.

그러면서도 이제야 좀 알겠는게 rest api를 위해 jquery와 ajax를 공부했다.

그래서 과거에는 몰랐던 카카오 api를 ajax로 응답받는데 성공했다! 하고 나니 이렇게 쉬울줄이야..

하지만 공공데이터는 달랐다... 아무래도 카카오는 서버에서 CORS라는 교차 출처 리소스 공유라는 문제를 해결한거지만 공공데이터는 아니였다.

이 문제를 검색하다보니 꽤 유명한 문제라는 것을 알아냈다.

프론트엔드 개발자라면 꼭 넘어야하는 산이라는 걸 보고 그래도 잘 오고있구나라는 생각이 들었다.

CORS 문제2

여러사람이 힘들어하는 문제라서 그런지 해결방법도 많고 자세했는데 그중 내가 할만한것은

프록시를 클라이언트와 서버사이에 두는것이었다.

우선 heroku를 이용한 프록시는 막혔다고 해서 webpack을 이용한 프록시를 하기로했는데

성공은 했으나 뭔가 이상하다...

내 index.html이 console에 출력된다 도대체 무슨일인지 모르겠다.

CORS 문제3

성공한 줄 알았던게 사실은 아니였다.

내 index가 출력됐던건 프록시서버상의 문제였고 그 증거로 url을 지워도 내 index는 계속 출력된다.

시도해볼만한 해결방법은 두가지인 것 같다.

heroku를 사용하여 Cors -anywhere 프록시 서버를 쓰는것과 다른 하나는 직접 프록시서버를 만들어

클라이언트 서버통신이 아닌 서버-서버-클라이언트 통신을 하는것이다.

우선 다양한 방법들을 시도해 봐야 겠다.

저렇게 url을 비워놔도 index가 출력된다.