JavaScript/JavaScript + JQuery 2

[CORS] Access-Control-Allow-Origin 해결

AJAX로 JSON 받아오라고 하면 가끔 뜨는 오류가 있습니다.. Access-Control-Allow-Origin인데요 저도 연습하다가 이게 계속 뜨길래 니가 죽나 내가 죽나 한번 해 보자 하면서 결국 해결을 했습니다.. 이 페이지를 참고 했습니다 (velog.io/@jmkim87/%EC%A7%80%EA%B8%8B%EC%A7%80%EA%B8%8B%ED%95%9C-CORS-%ED%8C%8C%ED%97%A4%EC%B3%90%EB%B3%B4%EC%9E%90) Header에 Access-Control-Allow-Origin 설정을 추가하여 제대로 된 return이 가능토록 하였습니다. 그냥 JSON 파일이면 로컬이 아닌 서버에 두는 것 만으로 제대로된 리턴이 돌아오는데 Servlet에서 PrintWriter를..

[Ajax] origin 'null' has been blocked by CORS policy 해결

기억을 떠올리기 위해 오랫만에 간단한 Ajax를 시도하고 있었는데 오류가 발생했습니다. 이 오류의 원인은 간단히 말하면 '로컬환경에서 실행했기 때문' 입니다. 왜 로컬환경에서 실행한게 원인인가요? 그 이유는 동일 출처 정책 즉 SOP (Same Origin Policy) 때문입니다. 간단하게 얘기하면 같은 출처에서 불러온 리소스가 다른 곳에서 불러온 리소스와 상호작용하는 것을 막는 브라우저의 보안 방침입니다. 근데 로컬이면 같은 곳에서 실행되는게 아닌가 싶었습니다만 다른 분 블로그를 보고 이유를 알았습니다. local의 리소스는 출처가 null 이기 때문에 걸린다는 것을요.. 출처가 null 리소스는 상호작용이고 나발이고 불러오는 순간 SOP에 걸리게 된다고 하네요.. 그래서 제 서버에 올려보았고 정상적..