dev.Log
CORS 본문
동일 출처 정책(SOP : Same-Origin Policy)
어떤 출처에서 불러온 문서나 스크립트가 다른 출처에서 가져온 리소스와 상호작용 하는 것을 제한하는 중요한 보안 방식
-출처가 같다는 것은 두 URL의 프로토콜, 호스트, 포트 세개가 모두 같다는 것이다..
크로스 도메인 이슈
- SOP 때문에 자바스크립트 ajax로 다른 웹페이지에 접근할 때 같은 출처의 페이지에만 접근 가능
- SOP를 우회해서 서로 다른 도메인 간에 통신을 할 수 있게 해줄 무언가 필요
- JSONP, Reverse Proxy, Flash Socket 등이 그 해결책
- 크로스 도메인 이슈를 해결하는 표준의 필요성 대두.
- W3C에서 권장사항으로 CORS 사양 발표
- 현재 활발하게 유지 관리되는 사양은 WHATWG의 'Fetch Living Standard'
CORS란?
- Cross-Origin Resource Sharing
- 웹 브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 스펙
- 서버와 클라이언트가 정해진 헤더를 통해 서로 요청이나 응답에 반응할지 결정하는 방식
CORS의 동작 방식
1. 간단한 요청 : 기존 데이터에 사이드 이펙트를 일으키지 않는 요청. CORS 사전 요청을 발생시키지 않는 요청
2. 사전 요청(Preflight Requests) : 본 요청을 보내기 전에 사전 요청을 보내 서버가 이에 응답이 가능한지 확인하는 방법
커스텀헤더가 포함된 경우 GET,HEAD,POST이외의 요청
3. 인증을 이용하는 요청
'<FRONTEND>' 카테고리의 다른 글
리액트 면접질문 (0) | 2020.07.11 |
---|---|
ajax - Gson 활용 (0) | 2020.07.09 |
Markdown (0) | 2020.07.07 |
검색어 추천 기능 ajax로 구현해보기 (0) | 2020.07.06 |
동일출처정책 CORS??? (0) | 2020.07.06 |
Comments