--- title: 출처 slug: Glossary/Origin tags: - Glossary - Security - WebMechanics translation_of: Glossary/Origin --- <div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div> <p><span class="seoSummary">웹 콘텐츠의 <strong>출처</strong>(origin)는 접근할 때 사용하는 {{glossary("URL")}}의 스킴({{glossary("protocol", "프로토콜")}}, 호스트(도메인), 포트로 정의됩니다.</span> 두 객체의 스킴, 호스트, 포트가 모두 일치하는 경우 같은 출처를 가졌다고 말합니다.</p> <p>일부 작업은 동일 출처 콘텐츠로 제한되나, {{glossary("CORS")}}를 통해 제한을 해제할 수 있습니다.</p> <h2 id="동일_출처의_예제">동일 출처의 예제</h2> <table class="standard-table"> <tbody> <tr> <td style="width: 50%;"><code>http://example.com/app1/index.html</code><br> <code>http://example.com/app2/index.html</code></td> <td style="width: 50%;">스킴(<code>http</code>)과 호스트(<code>example.com</code>) 일치</td> </tr> <tr> <td style="width: 50%;"><code>http://Example.com:80</code><br> <code>http://example.com</code></td> <td style="width: 50%;">HTTP의 기본 포트는 80이므로 동일한 출처</td> </tr> </tbody> </table> <h2 id="다른_출처의_예제">다른 출처의 예제</h2> <table class="standard-table"> <tbody> <tr> <td style="width: 50%;"><code>http://example.com/app1</code><br> <code>https://example.com/app2</code></td> <td>다른 스킴</td> </tr> <tr> <td style="width: 50%;"><code>http://example.com</code><br> <code>http://www.example.com</code><br> <code>http://myapp.example.com</code></td> <td style="width: 50%;">다른 호스트</td> </tr> <tr> <td style="width: 50%;"><code>http://example.com</code><br> <code>http://example.com:8080</code></td> <td style="width: 50%;">다른 포트</td> </tr> </tbody> </table> <h2 id="명세">명세</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <thead> </thead> <tbody> <tr> <td>{{SpecName('HTML WHATWG', '#origin', 'origin')}}</td> <td>{{Spec2('HTML WHATWG')}}</td> <td></td> </tr> </tbody> </table> <h2 id="더_알아보기">더 알아보기</h2> <ul> <li><a href="/ko/docs/Web/Security/Same-origin_policy">동일 출처 정책</a></li> </ul>