initial commit

18 files changed, 1261 insertions, 0 deletions

diff --git a/files/ko/web/api/url/createobjecturl/index.html b/files/ko/web/api/url/createobjecturl/index.html
new file mode 100644
index 0000000000..cd38dcd8ea
--- /dev/null
+++ b/files/ko/web/api/url/createobjecturl/index.html
@@ -0,0 +1,101 @@
+---
+title: URL.createObjectURL()
+slug: Web/API/URL/createObjectURL
+tags:
+  - API
+  - Method
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/createObjectURL
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p><span class="seoSummary"><strong><code>URL.createObjectURL()</code></strong> 정적 메서드는 주어진 객체를 가리키는 URL을 {{domxref("DOMString")}}으로 반환합니다.</span> 해당 URL은 자신을 생성한 창의 {{domxref("document")}}가 사라지면 함께 무효화됩니다.</p>
+
+<p>객체 URL을 해제하려면 {{domxref("URL.revokeObjectURL", "revokeObjectURL()")}}을 호출하세요.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<div class="note">
+<p><strong>참고:</strong> 이 기능은 메모리 누수의 가능성으로 인해 <a href="/ko/docs/Web/API/Service_Worker_API">Service Worker</a>에서 사용할 수 없습니다.</p>
+</div>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>objectURL</em> = URL.createObjectURL(<em>object</em>)</pre>
+
+<h3 id="매개변수">매개변수</h3>
+
+<dl>
+ <dt><code>object</code></dt>
+ <dd>객체 URL을 생성할 {{domxref("File")}}, {{domxref("Blob")}}, {{domxref("MediaSource")}} 객체.</dd>
+</dl>
+
+<h3 id="반환_값">반환 값</h3>
+
+<p>지정한 <code>object</code>의 참조 URL을 담은 {{domxref("DOMString")}}</p>
+
+<ul>
+</ul>
+
+<h2 id="예제">예제</h2>
+
+<p><a href="/ko/docs/Web/API/File/Using_files_from_web_applications#예시_객체_URL을_사용하여_이미지_표시하기">객체 URL을 사용하여 이미지 표시하기</a>를 보세요.</p>
+
+<h2 id="사용_일람">사용 일람</h2>
+
+<h3 id="메모리_관리">메모리 관리</h3>
+
+<p>같은 객체를 사용하더라도, <code>createObjectURL()</code>을 매번 호출할 때마다 새로운 객체 URL을 생성합니다. 각각의 URL을 더는 쓰지 않을 땐 {{domxref("URL.revokeObjectURL()")}}을 사용해 하나씩 해제해줘야 합니다.</p>
+
+<p>브라우저는 불러온 문서를 해제할 때 객체 URL도 자동으로 해제합니다. 그러나 최적의 성능과 메모리 사용량을 위해서, 객체 URL을 해제해도 안전하다면 그렇게 해야 합니다.</p>
+
+<h3 id="미디어_스트림_객체_URL">미디어 스트림 객체 URL</h3>
+
+<p>구 Media Source 명세에서는 {{HTMLElement("video")}} 요소에 스트림을 부착하려면 {{domxref("MediaStream")}}의 객체 URL을 생성했어야 했습니다. 이제 이런 과정은 필수가 아니며, 브라우저도 지원을 중단하고 있습니다.</p>
+
+<div class="warning">
+<p><strong>중요:</strong> 아직 미디어 요소에 {{domxref("URL.createObjectURL", "createObjectURL()")}}을 사용해 스트림을 부착하고 있다면, {{domxref("HTMLMediaElement.srcObject", "srcObject")}}에 <code>MediaStream</code>을 직접 설정하도록 코드를 수정해야 합니다.</p>
+</div>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('File API', '#dfn-createObjectURL', 'createObjectURL()')}}</td>
+   <td>{{Spec2('File API')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('Media Source Extensions', '#dom-url-createobjecturl', 'URL')}}</td>
+   <td>{{Spec2('Media Source Extensions')}}</td>
+   <td>
+    <p>MediaSource extension.</p>
+
+    <p>Older versions of this specification used <code>createObjectURL()</code> for {{domxref("MediaStream")}} objects; this is no longer supported.</p>
+   </td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.createObjectURL")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li><a href="/ko/docs/Web/API/File/Using_files_from_web_applications" title="Using files from web applications">웹 애플리케이션에서 파일 사용하기</a></li>
+ <li>{{domxref("URL.revokeObjectURL()")}}</li>
+ <li>{{domxref("HTMLMediaElement.srcObject")}}</li>
+ <li>{{domxref("FileReader.readAsDataURL()")}}</li>
+</ul>
diff --git a/files/ko/web/api/url/hash/index.html b/files/ko/web/api/url/hash/index.html
new file mode 100644
index 0000000000..e14c99aabb
--- /dev/null
+++ b/files/ko/web/api/url/hash/index.html
@@ -0,0 +1,62 @@
+---
+title: URL.hash
+slug: Web/API/URL/hash
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/hash
+---
+<div>{{ APIRef("URL API") }}</div>
+
+<p><span class="seoSummary">{{domxref("URL")}} 인터페이스의 <strong><code>hash</code></strong> 속성은 맨 앞의 <code>'#'</code>과 함께 URL의 프래그먼트 식별자를 담고 있는 {{domxref("USVString")}}입니다.</span></p>
+
+<p>프래그먼트에는 <a href="/en-US/docs/Glossary/percent-encoding">퍼센트 디코딩</a>을 적용하지 않습니다. URL이 프래그먼트 식별자를 포함하지 않은 경우 빈 문자열을 반환합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>string</em> = <em>url</em>.hash
+<em>url</em>.hash = <em>newHash</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/href#예제');
+console.log(url.hash); // Logs: '#예제'</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-hash', 'URL.hash')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.hash")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/host/index.html b/files/ko/web/api/url/host/index.html
new file mode 100644
index 0000000000..b29da1bd73
--- /dev/null
+++ b/files/ko/web/api/url/host/index.html
@@ -0,0 +1,67 @@
+---
+title: URL.host
+slug: Web/API/URL/host
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/host
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>host</code></strong> 속성은 URL의 호스트, 즉 {{domxref("URL.hostname", "hostname")}}와 함께, {{glossary("port", "포트")}}가 존재하는 경우 <code>':'</code>과 그 뒤의 {{domxref("URL.port", "port")}}를 포함하는 {{domxref("USVString")}} 문자열입니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>host</em> = <em>url</em>.host
+<em>url.<code>host</code></em> = <em>newHost</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">let url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/host');
+console.log(url.host); // "developer.mozilla.org"
+
+url = new URL('https://developer.mozilla.org:443/ko/docs/Web/API/URL/host');
+console.log(url.host); // "developer.mozilla.org"
+// The port number is not included because 443 is the scheme's default port
+
+url = new URL('https://developer.mozilla.org:4097/ko/docs/Web/API/URL/host');
+console.log(url.host); // "developer.mozilla.org:4097"</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-host', 'URL.host')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.host")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/hostname/index.html b/files/ko/web/api/url/hostname/index.html
new file mode 100644
index 0000000000..c6238452e0
--- /dev/null
+++ b/files/ko/web/api/url/hostname/index.html
@@ -0,0 +1,59 @@
+---
+title: URL.hostname
+slug: Web/API/URL/hostname
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/hostname
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의<strong> <code>hostname</code></strong> 속성은 URL의 {{glossary("domain name", "도메인 이름")}}을 담은 {{domxref("USVString")}}을 반환합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>domain</em> = <em>url</em>.hostname
+<em>url.</em>hostname = <em>domain</em></pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}},</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/hostname');
+console.log(url.hostname); // Logs: 'developer.mozilla.org'</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-hostname', 'URL.hostname')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.hostname")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/href/index.html b/files/ko/web/api/url/href/index.html
new file mode 100644
index 0000000000..87e33d3353
--- /dev/null
+++ b/files/ko/web/api/url/href/index.html
@@ -0,0 +1,59 @@
+---
+title: URL.href
+slug: Web/API/URL/href
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/href
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>href</code></strong> 속성은 전체 URL을 담은 {{domxref("USVString")}}입니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const<em> urlString</em> = <em>url</em>.href
+<em>url</em>.href = <em>newUrlString</em></pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/href');
+console.log(url.href); // Logs: 'https://developer.mozilla.org/ko/docs/Web/API/URL/href'</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-href', 'URL.href')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.href")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/index.html b/files/ko/web/api/url/index.html
new file mode 100644
index 0000000000..ac29f47f05
--- /dev/null
+++ b/files/ko/web/api/url/index.html
@@ -0,0 +1,143 @@
+---
+title: URL
+slug: Web/API/URL
+tags:
+  - API
+  - Interface
+  - Overview
+  - Reference
+  - URI
+  - URL
+  - URL API
+  - Web
+translation_of: Web/API/URL
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p><span class="seoSummary"><strong><code>URL</code></strong> 인터페이스는 {{glossary("URL")}}을 분석, 생성, 정규화, 인코딩 할 때 사용하며, URL의 각 구성요소를 쉽게 읽고 쓸 수 있는 속성을 제공합니다.</span> <code>URL</code> 객체 생성은 생성자에 전체 URL 문자열, 또는 상대 URL과 기준 URL을 생성자에 전달해 진행합니다. 이렇게 생성한 URL 객체를 사용해 URL을 쉽게 바꾸거나 읽을 수 있습니다.</p>
+
+<p>브라우저가 아직 {{domxref("URL.URL", "URL()")}} 생성자를 지원하지 않을 땐 {{domxref("Window")}} 인터페이스의 <code>Window.URL</code> 속성으로 <code>URL</code> 객체에 접근할 수 있습니다. 개발에 사용하기 전, 프로젝트의 지원 대상 브라우저를 확인하고, 이런 절차를 추가해야 하는지 결정하세요.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="생성자">생성자</h2>
+
+<dl>
+ <dt>{{domxref("URL.URL", "new URL()")}}</dt>
+ <dd>주어진 절대 URL, 또는 상대 URL과 기준 URL 문자열을 사용해 생성한 <code>URL</code> 객체를 생성하고 반환합니다.</dd>
+</dl>
+
+<h2 id="속성">속성</h2>
+
+<dl>
+ <dt>{{domxref("URL.hash", "hash")}}</dt>
+ <dd><code>'#'</code>과 URL의 프래그먼트 식별자를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.host", "host")}}</dt>
+ <dd>URL의 도메인(호스트 이름), <code>':'</code>, 포트를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.hostname", "hostname")}}</dt>
+ <dd>URL의 도메인을 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.href", "href")}}</dt>
+ <dd>전체 URL을 반환하는 문자열화 속성입니다.</dd>
+ <dt>{{domxref("URL.origin", "origin")}} {{readonlyInline}}</dt>
+ <dd>URL의 {{glossary("origin", "출처")}}, 즉 스킴, 도메인, 포트를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.password", "password")}}</dt>
+ <dd>도메인 이름 이전에 지정된 비밀번호를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.pathname", "pathname")}}</dt>
+ <dd><code>'/'</code>와 URL의 경로를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.port", "port")}}</dt>
+ <dd>URL의 포트 번호를 담은 {{domxref("USVString")}}입니다.</dd>
+ <dt>{{domxref("URL.protocol", "protocol")}}</dt>
+ <dd>URL의 {{glossary("protocol", "프로토콜")}} 스킴을 담은 {{domxref("USVString")}}입니다. 마지막 <code>':'</code>을 포함합니다.</dd>
+ <dt>{{domxref("URL.search", "search")}}</dt>
+ <dd>URL의 매개변수 문자열을 나타내는 {{domxref("USVString")}}입니다. 어떤 매개변수라도 존재하는 경우 <code>'?'</code> 문자로 시작해, 모든 매개변수를 포함합니다.</dd>
+ <dt>{{domxref("URL.searchParams", "searchParams")}} {{readonlyInline}}</dt>
+ <dd><code>search</code> 속성의 매개변수 각각에 접근할 수 있는 {{domxref("URLSearchParams")}} 객체입니다.</dd>
+ <dt>{{domxref("URL.username","username")}}</dt>
+ <dd>도메인 이름 이전에 지정된 사용자 이름을 담은 {{domxref("USVString")}}입니다.</dd>
+</dl>
+
+<h2 id="메서드">메서드</h2>
+
+<dl>
+ <dt>{{domxref("URL.toString", "toString()")}}</dt>
+ <dd>전체 URL을 담은 {{domxref("USVString")}}을 반환합니다. {{domxref("URL.href")}}와 동일하나, <code>toString()</code>으로는 URL을 편집할 수 없습니다.</dd>
+ <dt>{{domxref("URL.toJSON", "toJSON()")}}</dt>
+ <dd>전체 URL을 담은 {{domxref("USVString")}}을 반환합니다. {{domxref("URL.href")}}와 동일한 문자열을 반환합니다.</dd>
+</dl>
+
+<h2 id="정적_메서드">정적 메서드</h2>
+
+<dl>
+ <dt>{{domxref("URL.createObjectURL", "createObjectURL()")}}</dt>
+ <dd>고유한 블롭 URL, 즉 <code>blob:</code> 을 스킴으로 하고, 브라우저 내의 객체를 가리키는 고유한 불투명 문자열을 그 뒤에 붙인 {{domxref("DOMString")}}을 반환합니다.</dd>
+ <dt>{{domxref("URL.revokeObjectURL", "revokeObjectURL()")}}</dt>
+ <dd>이전에 {{domxref("URL.createObjectURL()")}}로 생성한 객체 URL을 취소합니다.</dd>
+</dl>
+
+<h2 id="사용_일람">사용 일람</h2>
+
+<p>생성자는 <code>url</code> 매개변수를 받으며, URL이 상대 URL인 경우 선택적으로 <code>base</code> 매개변수를 지정해 기준으로 사용할 수 있습니다.</p>
+
+<pre class="brush: js">const url = new URL('../cats', 'http://www.example.com/dogs');
+console.log(url.hostname); // "www.example.com"
+console.log(url.pathname); // "/cats"
+</pre>
+
+<p>URL 속성을 사용해 URL을 만들 수 있습니다.</p>
+
+<pre class="brush: js">url.hash = 'tabby';
+console.log(url.href); // "http://www.example.com/cats#tabby"
+</pre>
+
+<p>URL은 {{RFC(3986)}}의 규칙을 따라 인코딩 됩니다.</p>
+
+<pre class="brush: js">url.pathname = 'démonstration.html';
+console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"
+</pre>
+
+<p>{{domxref("URLSearchParams")}} 인터페이스를 사용해 URL 쿼리 문자열을 생성하거나 조작할 수 있습니다.</p>
+
+<p>현재 URL의 검색 매개변수를 가져오려면 다음과 같은 코드를 사용하세요.</p>
+
+<pre class="brush: js">// https://some.site/?id=123
+const parsedUrl = new URL(window.location.href);
+console.log(parsedUrl.searchParams.get("id")); // "123"</pre>
+
+<p>{{domxref("URL.toString", "toString()")}} 메서드는 단순히 {{domxref("URL.href", "href")}} 속성의 값을 반환하는 것이므로, URL 정규화와 인코딩에 생성자를 직접 사용할 수 있습니다.</p>
+
+<pre class="brush: js">const response = await fetch(new URL('http://www.example.com/démonstration.html'));</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('File API', '#creating-revoking', 'URL')}}</td>
+   <td>{{Spec2('File API')}}</td>
+   <td>Added the static methods <code>URL.createObjectURL()</code> and <code>URL.revokeObjectURL</code><code>()</code>.</td>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#api', 'API')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition (implements <code>URLUtils</code>).</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li><a href="/ko/docs/Web/API/URL_API">URL API</a></li>
+ <li>{{domxref("URLSearchParams")}}.</li>
+</ul>
diff --git a/files/ko/web/api/url/origin/index.html b/files/ko/web/api/url/origin/index.html
new file mode 100644
index 0000000000..f3817e0285
--- /dev/null
+++ b/files/ko/web/api/url/origin/index.html
@@ -0,0 +1,61 @@
+---
+title: URL.origin
+slug: Web/API/URL/origin
+tags:
+  - API
+  - Property
+  - Read-only
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/origin
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p><span class="seoSummary">{{domxref("URL")}} 인터페이스의 <strong><code>origin</code></strong> 읽기 전용 속성은 표현 중인 URL의 출처를 유니코드로 직렬화한 {{domxref("USVString")}}을 반환합니다.</span> 정확한 구조는 URL의 유형에 따라 다릅니다.</p>
+
+<ul>
+ <li><code>http</code> 또는 <code>https</code> URL은 스킴 뒤 <code>'://'</code>, 도메인, <code>':'</code>, 마지막으로 포트(명시적으로 지정한 경우)로 구성됩니다.</li>
+ <li><code>file:</code> URL은 브라우저마다 다릅니다.</li>
+ <li><code>blob:</code> URL은 <code>blob:</code> 뒤의 URL 출처를 반환합니다. 예를 들어, <code>"blob:https://mozilla.org"</code>인 경우 <code>"https://mozilla.org"</code>를 반환합니다.</li>
+</ul>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>originString</em> = <em>url</em>.origin
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>A {{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL("blob:https://mozilla.org:443/")
+console.log(url.origin); // Logs 'https://mozilla.org'
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-origin', 'URL.origin')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.origin")}}</p>
diff --git a/files/ko/web/api/url/password/index.html b/files/ko/web/api/url/password/index.html
new file mode 100644
index 0000000000..f944abf326
--- /dev/null
+++ b/files/ko/web/api/url/password/index.html
@@ -0,0 +1,61 @@
+---
+title: URL.password
+slug: Web/API/URL/password
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/password
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의<strong> <code>password</code></strong> 속성은 도메인 이름 이전의 비밀번호를 포함한 {{domxref("USVString")}}을 반환합니다.</p>
+
+<p>{{domxref("URL.username", "username")}} 설정 전에 <code>password</code>를 먼저 지정하려 시도하면 조용히 실패합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>passwordString</em> = <em>url</em>.password
+<em>url</em>.password = <em>newPassword</em></pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://anonymous:flabada@developer.mozilla.org/en-US/docs/Web/API/URL/password');
+console.log(url.password) // Logs "flabada"</pre>
+
+<h2 id="구문_2">구문</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-password', 'URL.password')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.password")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/pathname/index.html b/files/ko/web/api/url/pathname/index.html
new file mode 100644
index 0000000000..9f097eda83
--- /dev/null
+++ b/files/ko/web/api/url/pathname/index.html
@@ -0,0 +1,60 @@
+---
+title: URL.pathname
+slug: Web/API/URL/pathname
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/pathname
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>pathname</code></strong> 속성은 URL의 경로와 그 앞의 <code>/</code>로 이루어진 {{domxref("USVString")}}을 반환합니다. 경로가 없는 경우 빈 문자열을 반환합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>path</em> = <em>url</em>.pathname
+<em>url</em>.pathname = <em>newPath</em></pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">var url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/pathname?q=value');
+var result = url.pathname; // Returns:"/ko/docs/Web/API/URL/pathname"
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-pathname', 'URL.pathname')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.pathname")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/port/index.html b/files/ko/web/api/url/port/index.html
new file mode 100644
index 0000000000..a461130387
--- /dev/null
+++ b/files/ko/web/api/url/port/index.html
@@ -0,0 +1,61 @@
+---
+title: URL.port
+slug: Web/API/URL/port
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/port
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>port</code></strong> 속성은 URL의 포트 숫자를 담은 {{domxref("USVString")}}입니다. URL이 명시적인 포트 번호를 포함하고 있지 않으면 빈 문자열(<code>''</code>)입니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>portNumber</em> = <em>url</em>.port
+<em>url</em>.port = <em>newPortNumber</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>A {{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('<span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="cm-string">https://mydomain.com:80/svn/Repos/</span></span></span></span>');
+console.log(url.port); // Logs '80'
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-port', 'URL.port')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.port")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/protocol/index.html b/files/ko/web/api/url/protocol/index.html
new file mode 100644
index 0000000000..2d96b9eeec
--- /dev/null
+++ b/files/ko/web/api/url/protocol/index.html
@@ -0,0 +1,61 @@
+---
+title: URL.protocol
+slug: Web/API/URL/protocol
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/protocol
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>protocol</code></strong> 속성은 URL의 프로토콜 스킴과 마지막 <code>':'</code>을 포함한 {{domxref("USVString")}}입니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>protocol</em> = <em>url</em>.protocol
+<em>url</em>.protocol = <em>newProtocol</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://developer.mozilla.org/en-US/docs/Web/API/URL/protocol');
+console.log(url.protocol); // Logs "https:"
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-protocol', 'protocol')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.protocol")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/revokeobjecturl/index.html b/files/ko/web/api/url/revokeobjecturl/index.html
new file mode 100644
index 0000000000..7faa5e8bcc
--- /dev/null
+++ b/files/ko/web/api/url/revokeobjecturl/index.html
@@ -0,0 +1,68 @@
+---
+title: URL.revokeObjectURL()
+slug: Web/API/URL/revokeObjectURL
+tags:
+  - API
+  - Method
+  - URL
+  - URL API
+translation_of: Web/API/URL/revokeObjectURL
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p><span class="seoSummary"><strong><code>URL.revokeObjectURL()</code></strong> 정적 메서드는 이전에 {{domxref("URL.createObjectURL()") }}을 통해 생성한 객체 URL을 해제합니다.</span> 객체 URL을 더는 쓸 일이 없을 때 사용해서, 브라우저가 이제 해당 객체를 메모리에 들고 있지 않아도 된다고 알려주세요.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<div class="note">
+<p><strong>참고:</strong> 이 기능은 {{domxref("Blob")}} 인터페이스의 생명 주기 문제와 잠재적인 메모리 누수 가능성으로 인해 <a href="/ko/docs/Web/API/Service_Worker_API">Service Worker</a>에서 사용할 수 없습니다.</p>
+</div>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">URL.revokeObjectURL(<em>objectURL</em>)
+</pre>
+
+<h3 id="매개변수">매개변수</h3>
+
+<dl>
+ <dt><code>objectURL </code></dt>
+ <dd>{{domxref("URL.createObjectURL", "createObjectURL()") }}을 통해 생성한 객체 URL을 나타내는 {{domxref("DOMString")}}.</dd>
+</dl>
+
+<ul>
+</ul>
+
+<h2 id="예제">예제</h2>
+
+<p><a href="/ko/docs/Web/API/File/Using_files_from_web_applications#예시_객체_URL을_사용하여_이미지_표시하기">객체 URL을 사용하여 이미지 표시하기</a>를 보세요.</p>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('File API', '#dfn-revokeObjectURL', 'revokeObjectURL()')}}</td>
+   <td>{{Spec2('File API')}}</td>
+   <td>Initial definition</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.revokeObjectURL")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li><a href="/ko/docs/Web/API/File/Using_files_from_web_applications" title="Using files from web applications">웹 애플리케이션에서 파일 사용하기</a></li>
+ <li>{{domxref("URL.createObjectURL()")}}</li>
+</ul>
diff --git a/files/ko/web/api/url/search/index.html b/files/ko/web/api/url/search/index.html
new file mode 100644
index 0000000000..a67b8f44b4
--- /dev/null
+++ b/files/ko/web/api/url/search/index.html
@@ -0,0 +1,63 @@
+---
+title: URL.search
+slug: Web/API/URL/search
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/search
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>search</code></strong> 속성은 맨 앞의 <code>'?'</code>와 함께 URL의 쿼리 문자열, 즉 검색 매개변수를 나타내는 {{domxref("USVString")}}입니다.</p>
+
+<p>신형 브라우저에서는 {{domxref("URL.searchParams")}} 속성을 통해 간편한 쿼리 문자열 분석을 지원합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>searchParams</em> = <em>object</em>.search
+<em>url</em>.search = <em>newSearchParams</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="Examples">Examples</h2>
+
+<pre class="brush: js">const url = new URL('https://developer.mozilla.org/ko/docs/Web/API/URL/search?q=123');
+console.log(url.search); // Logs "?q=123"
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-search', 'URL.search')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility">Browser compatibility</h2>
+
+
+
+<p>{{Compat("api.URL.search")}}</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/searchparams/index.html b/files/ko/web/api/url/searchparams/index.html
new file mode 100644
index 0000000000..b80d80c4a6
--- /dev/null
+++ b/files/ko/web/api/url/searchparams/index.html
@@ -0,0 +1,56 @@
+---
+title: URL.searchParams
+slug: Web/API/URL/searchParams
+tags:
+  - API
+  - Property
+  - Read-only
+  - Reference
+  - URL
+  - URLSearchParams
+translation_of: Web/API/URL/searchParams
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>searchParams</code></strong> 읽기 전용 속성은 URL 내의 {{httpmethod("GET")}} 디코딩 된 쿼리 매개변수에 접근할 수 있는 {{domxref("URLSearchParams")}} 객체를 반환합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>urlSearchParams</em> = <em>url</em>.searchParams</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("URLSearchParams")}} 객체.</p>
+
+<h2 id="예제">예제</h2>
+
+<p>페이지의 URL을 <code>https://example.com/?name=Jonathan%20Smith&amp;age=18</code>로 가정했을 때, <code>name</code>과 <code>age</code> 매개변수는 다음과 같이 가져올 수 있습니다.</p>
+
+<pre class="brush: js">let params = (new URL(document.location)).searchParams;
+let name = params.get('name'); // is the string "Jonathan Smith".
+let age = parseInt(params.get('age')); // is the number 18</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-searchparams', 'searchParams')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.searchParams")}}</p>
diff --git a/files/ko/web/api/url/tojson/index.html b/files/ko/web/api/url/tojson/index.html
new file mode 100644
index 0000000000..f5fbf7a972
--- /dev/null
+++ b/files/ko/web/api/url/tojson/index.html
@@ -0,0 +1,52 @@
+---
+title: URL.toJSON()
+slug: Web/API/URL/toJSON
+tags:
+  - API
+  - Method
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/toJSON
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>toJSON()</code></strong> 메서드는 URL을 직렬화한 {{domxref("USVString")}}을 반환합니다. 그러나, 사실상 {{domxref("URL.toString", "toString()")}}과 같습니다..</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>href</em> = <em>url</em>.toJSON()</pre>
+
+<h3 id="반환_값">반환 값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL("https://developer.mozilla.org/en-US/docs/Web/API/URL/toString");
+url.toJSON(); // should return the URL as a string</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-tojson', 'toJSON()')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.toJSON")}}</p>
diff --git a/files/ko/web/api/url/tostring/index.html b/files/ko/web/api/url/tostring/index.html
new file mode 100644
index 0000000000..6a24393f4f
--- /dev/null
+++ b/files/ko/web/api/url/tostring/index.html
@@ -0,0 +1,59 @@
+---
+title: URL.toString()
+slug: Web/API/URL/toString
+tags:
+  - API
+  - Method
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/toString
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p><strong><code>URL.toString()</code></strong> 문자열화 메서드는 전체 URL을 담은 {{domxref("USVString")}}을 반환합니다. 사실상 읽기 전용 {{domxref("URL.href")}}인 셈입니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox"><em>href</em> = <em>url</em>.toString()</pre>
+
+<h3 id="반환_값">반환 값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js"><span class="message-body-wrapper"><span class="message-flex-body"><span class="devtools-monospace message-body"><span class="cm-keyword">const</span> <span class="cm-def">url</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">URL</span>(<span class="cm-string">"https://developer.mozilla.org/ko/docs/Web/API/URL/toString"</span>);
+<span class="cm-variable">url</span>.<span class="cm-property">toString</span>(); // should return the URL as a string</span></span></span>
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#URL-stringification-behavior', 'stringifier')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.toString")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>메서드가 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/url/index.html b/files/ko/web/api/url/url/index.html
new file mode 100644
index 0000000000..affcb467af
--- /dev/null
+++ b/files/ko/web/api/url/url/index.html
@@ -0,0 +1,107 @@
+---
+title: URL()
+slug: Web/API/URL/URL
+tags:
+  - API
+  - Constructor
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/URL
+---
+<div>{{APIRef("URL API")}}</div>
+
+<p><code><strong>URL()</strong></code> 생성자는 매개변수로 제공한 URL을 나타내는 새로운 {{domxref("URL")}} 객체를 반환합니다.</p>
+
+<p>주어진 기준 URL이나 결과 URL이 유효하지 않은 URL일 경우, JavaScript {{jsxref("TypeError")}} 예외가 발생합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <var>url</var> = new URL(<var>url</var> [, <var>base</var>])
+</pre>
+
+<h3 id="매개변수">매개변수</h3>
+
+<dl>
+ <dt><code><var>url</var></code></dt>
+ <dd>절대 또는 상대 URL을 나타내는 {{domxref("USVString")}}. <code>url</code>이 상대 URL인 경우 <code>base</code> 매개변수를 기준 URL로 사용하므로 <code>base</code>도 필수로 지정해야 합니다. 절대 URL인 경우 <code>base</code>는 무시합니다.</dd>
+ <dt><code><var>base</var></code> {{optional_inline}}</dt>
+ <dd><code>url</code> 매개변수가 상대 URL인 경우 사용할 기준 URL을 나타내는 {{domxref("USVString")}}. 기본값은 <code>''</code>입니다.</dd>
+</dl>
+
+<div class="note">
+<p><strong>참고</strong>: <code>base</code>에는 기존에 존재하는 {{domxref("URL")}} 객체도 사용할 수 있습니다. 그러면 {{domxref("URI.href", "href")}} 속성을 사용해 스스로 문자열화합니다.</p>
+</div>
+
+<h3 id="예외">예외</h3>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col">예외</th>
+   <th scope="col">설명</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{jsxref("TypeError")}}</td>
+   <td>절대 URL인 경우 <code>url</code>, 상대 URL인 경우 <code>base</code> + <code>url</code>이 유효하지 않은 URL인 경우.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">// Base urls
+let m = 'https://developer.mozilla.org';
+let a = new URL("/", m);                                // =&gt; 'https://developer.mozilla.org/'
+let b = new URL(m);                                     // =&gt; 'https://developer.mozilla.org/'
+
+        new URL('en-US/docs', b);                      // =&gt; 'https://developer.mozilla.org/en-US/docs'
+let d = new URL('/en-US/docs', b);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
+        new URL('/en-US/docs', d);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
+        new URL('/en-US/docs', a);                     // =&gt; 'https://developer.mozilla.org/en-US/docs'
+
+        new URL('/en-US/docs', "https://developer.mozilla.org/fr-FR/toto");
+                                                       // =&gt; 'https://developer.mozilla.org/en-US/docs'
+
+        new URL('/en-US/docs', '');                    // Raises a TypeError exception as '' is not a valid URL
+        new URL('/en-US/docs');                        // Raises a TypeError exception as '/en-US/docs' is not a valid URL
+        new URL('http://www.example.com', );           // =&gt; 'http://www.example.com/'
+        new URL('http://www.example.com', b);          // =&gt; 'http://www.example.com/'
+
+        new URL("//foo.com", "https://example.com")    // =&gt; 'https://foo.com' (see relative URLs)
+</pre>
+
+<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>
+ <tbody>
+  <tr>
+   <td>{{SpecName('URL', '#constructors', 'URL.URL()')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.URL")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>생성자가 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>
diff --git a/files/ko/web/api/url/username/index.html b/files/ko/web/api/url/username/index.html
new file mode 100644
index 0000000000..c102ea398c
--- /dev/null
+++ b/files/ko/web/api/url/username/index.html
@@ -0,0 +1,61 @@
+---
+title: URL.username
+slug: Web/API/URL/username
+tags:
+  - API
+  - Property
+  - Reference
+  - URL
+  - URL API
+translation_of: Web/API/URL/username
+---
+<div>{{ApiRef("URL API")}}</div>
+
+<p>{{domxref("URL")}} 인터페이스의 <strong><code>username</code></strong> 속성은 도메인 이전의 사용자 이름을 담은 {{domxref("USVString")}}을 반환합니다.</p>
+
+<p>{{AvailableInWorkers}}</p>
+
+<h2 id="구문">구문</h2>
+
+<pre class="syntaxbox">const <em>usernameString</em> = <em>url</em>.username
+<em>url</em>.username = <em>newUsername</em>
+</pre>
+
+<h3 id="값">값</h3>
+
+<p>{{domxref("USVString")}}.</p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">const url = new URL('https://anonymous:flabada@developer.mozilla.org/en-US/docs/Web/API/URL/username');
+console.log(url.username) // Logs "anonymous"
+</pre>
+
+<h2 id="명세">명세</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">Specification</th>
+   <th scope="col">Status</th>
+   <th scope="col">Comment</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('URL', '#dom-url-username', 'username')}}</td>
+   <td>{{Spec2('URL')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="브라우저_호환성">브라우저 호환성</h2>
+
+
+
+<p>{{Compat("api.URL.username")}}</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>속성이 속한 {{domxref("URL")}} 인터페이스.</li>
+</ul>