From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- .../ko/web/html/attributes/crossorigin/index.html | 96 ++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 files/ko/web/html/attributes/crossorigin/index.html (limited to 'files/ko/web/html/attributes/crossorigin') diff --git a/files/ko/web/html/attributes/crossorigin/index.html b/files/ko/web/html/attributes/crossorigin/index.html new file mode 100644 index 0000000000..70131a4486 --- /dev/null +++ b/files/ko/web/html/attributes/crossorigin/index.html @@ -0,0 +1,96 @@ +--- +title: 'HTML attribute: crossorigin' +slug: Web/HTML/Attributes/crossorigin +translation_of: Web/HTML/Attributes/crossorigin +--- +
{{draft}}
+ +

{{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }}에 있는 crossOrigin 속성은 element가 CORS 요청을 처리하는 방식을 명시하여 element가 fetch한 데이터를 CORS 가능하게 합니다. 특정 element에서는 CORS 세팅 속성이 될 수도 있습니다.

+ +

Media element의 crossorigin 속성은 CORS 세팅입니다.

+ +

세팅 속성은 열거형이며 아래의 값을 가질 수 있습니다:

+ + + + + + + + + + + + + + + + + + + + +
KeywordDescription
anonymouselement의 CORS 요청의 credentials flag가 'same-origin'으로 지정됩니다.
use-credentialselement의 CORS 요청의 crendentials flag가 'include'로 지정됩니다.
""crossorigin 또는 crossorigin=""처럼 빈 값을 할당하는건 anonymous와 동일합니다.
+ +

기본적으로 (attribute를 명시하지 않으면) CORS 요청은 할 수 없습니다. "anonymous" 키워드는 쿠키를 통한 user credentials 교환이 필요 없음을 의미합니다. Same origin이 아닌 경우 client-side SSL certificates/HTTP 인증은 Terminology section of the CORS specification에서 기술하고 있습니다.

+ +

빈 문자열이나 잘못된 값일 경우 anonymous 와 동일하게 동작합니다.

+ +

예시: script element의 crossorigin

+ +

아래의 {{HTMLElement("script")}} element를 통해 브라우저로 하여금 https://example.com/example-framework.js 스크립트를 user-credential 없이 요청하도록 명시할 수 있습니다.

+ +
<script src="https://example.com/example-framework.js" crossorigin="anonymous"></script>
+ +

예시: credential 포함한 Webmanifest

+ +

Manifest 요청 시 credential이 필요하다면 same-origin의 리소스라 하여도  use-credentials 값을 사용해야 합니다.

+ +
<link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials">
+ +

사양

+ + + + + + + + + + + + + + + + + + + + + +
사양상태설명
{{SpecName('HTML WHATWG', 'infrastructure.html#cors-settings-attributes', 'CORS settings attributes')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML WHATWG', 'embedded-content.html#attr-img-crossorigin', 'crossorigin')}}{{Spec2('HTML WHATWG')}}
+ +

브라우저 호환성

+ +

<script crossorigin>

+ + + +

{{Compat("html.elements.script.crossorigin")}}

+ +

<video crossorigin>

+ + + +

{{Compat("html.elements.video.crossorigin")}}

+ +

더 보기

+ + + +
{{QuickLinksWithSubpages("/en-US/docs/Web/HTML/")}}
-- cgit v1.2.3-54-g00ecf