<div id="readability-page-1" class="page"><div id="SE-d3416511-518d-41e9-ba8a-a56ed003682f">
 1. SOP (Same Origin Policy)​(CSP 와 SOP. 둘 다 세글자이고 철자도 비슷하게 생겨서 헷갈린다)SOP 는 Same Origin Policy 의 줄임말로 한국어로 하면 '동일 출처 정책' 이라고 한다. 그럼 여기서 말하는 '동일출처' 란 무엇을 뜻할까?
 </div><div id="SE-e6b9d9c1-1eb8-4340-9ed2-b89f14267a85">
 위 그림에서처럼 'Origin = Protocol + Host + Port' 이다.즉, Same Origin (동일 출처) 는 Protocol + Host + Port 가 모두 같아야 한다는 뜻이다.​​2. SOP 보호대상​SOP 보호대상은 여러가지가 있다. 동일 출처에서의 요청이 아니라면 아래 대상들이 차단 (보호) 된다.​<ul><li>ajax (ex. fetch) 를 통한 요청</li><li>localStorage / sessionStorage 에 대한 접근</li><li>cookie 에 대한 접근</li><li>document / window 객체에 대한 접근</li></ul>​​3. SOP 에 의해 차단되지 않는 리소스​반대로 SOP 에 의해 차단되지 않는 리소스들은 아래와 같다. (일반적으로 아래의 리소스들은 SOP 에 의해 차단되지 않기 때문에 CSP 가 존재하지 않나 생각이 든다)​<ul><li>&lt;script src=""&gt; - JavaScript 파일</li><li>&lt;link rel="stylesheet"&gt; - CSS 파일</li><li>&lt;img&gt; - 이미지</li><li>&lt;video&gt;, &lt;audio&gt; - 미디어 파일</li><li>&lt;iframe&gt; - 임베드 (단, 내부 접근은 제한)</li><li>&lt;object&gt;, &lt;embed&gt; - 플러그인 콘텐츠</li></ul>​​4. SOP 우회 방법 (= CORS)​그러면, 동일출처가 아닌 경우에는 서로 통신을 할 수 없는걸까? 아마 fe 개발자라면 자주 들어보았을 CORS (Cross-Origin Resource Sharing) 라는 개념이 있다. 이 부분은 다른 포스트에서 다루겠다.​​5. CSP 와 SOP 의 차이점​아마도 가장 큰 차이점은 '관리주체' 인듯하다.​<ul><li>SOP 는 브라우저 자체에서 이미 정해진 규칙 (default 로 적용)</li><li>CSP 는 개발자가 필요에 따라 추가로 정하는 규칙 (추가 적용)</li></ul>​​​#SameOriginPolicy #SOP #http완벽가이드
 </div></div>

나만의공간。

KIM JUNGHWAN

1. SOP (Same Origin Policy) (CSP 와 SOP. 둘 다 세글자이고 철자도 비슷하게 생겨서 헷갈린다) SOP 는 Same Origin Policy 의 줄임말로 한국어로 하면 '동일 출처 정책' 이라고 한다. 그럼 여기서 말하는 '동일출처' 란 무엇을 뜻할까? 위 그림에서처럼 'Origin = Protocol + Host + Port' 이다. 즉, Same Origin (동일 출처) 는 Protocol + Host + Port 가 모두 같아야 한다는 뜻이다. 2. SOP 보호대상 SOP 보호대상은 여러가지가 있다. 동일 출처에서의 요청이 아니라면 아래 대상들이 차단 (보호) 된다. ajax (ex. fetch) 를 통한 요청 localStorage / sessionStorage 에 대한 접근 cookie 에 대한 접근.......

[HTTP] SOP (동일 출처 정책)

댓글