웹 보안에서 Same-Origin Policy(동일 출처 정책)의 핵심 규칙으로 올바른 것은?

Q: 웹 보안에서 Same-Origin Policy(동일 출처 정책)의 핵심 규칙으로 올바른 것은?

프로토콜, 호스트, 포트가 모두 같은 출처의 리소스만 JavaScript로 자유롭게 접근할 수 있다 Same-Origin Policy는 웹 보안의 근간으로, 출처(origin) = 프로토콜 + 호스트 + 포트 세 가지가 모두 같아야 '동일 출처'입니다. http://a.com:80과 https://a.com:443은 프로토콜과 포트가 다르므로 다른 출처입니다. 이미지, CSS, 스크립트 로딩은 허용되지만, XMLHttpRequest/fetch 응답 읽기는 CORS 없이 제한됩니다.

쉬움 MDN Web Docs

보기 및 정답

A 프로토콜, 호스트, 포트가 모두 같은 출처의 리소스만 JavaScript로 자유롭게 접근할 수 있다

B 같은 기본 도메인이면 서브도메인이 달라도 JavaScript에서 자유롭게 DOM에 접근하여 데이터를 조작 가능하다

C HTTPS와 HTTP는 동일한 호스트를 사용하면 같은 출처로 취급되어 자유롭게 리소스를 공유한다

D 이미지 태그와 스크립트 태그를 통한 외부 리소스 로딩에도 동일 출처 정책이 동일하게 적용된다

해설

Same-Origin Policy는 웹 보안의 근간으로, 출처(origin) = 프로토콜 + 호스트 + 포트 세 가지가 모두 같아야 '동일 출처'입니다. http://a.com:80과 https://a.com:443은 프로토콜과 포트가 다르므로 다른 출처입니다. 이미지, CSS, 스크립트 로딩은 허용되지만, XMLHttpRequest/fetch 응답 읽기는 CORS 없이 제한됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

웹 보안에서 Same-Origin Policy(동일 출처 정책)의 핵심 규칙으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.