initial commit

author: Peter Bengtsson <mail@peterbe.com> 2020-12-08 14:42:17 -0500
committer: Peter Bengtsson <mail@peterbe.com> 2020-12-08 14:42:17 -0500
commit: da78a9e329e272dedb2400b79a3bdeebff387d47 (patch)
tree: e6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/ko/glossary
parent: 1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff)
download: translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz
translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2
translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip
147 files changed, 4729 insertions, 0 deletions
diff --git a/files/ko/glossary/abstraction/index.html b/files/ko/glossary/abstraction/index.html
new file mode 100644
index 0000000000..9b8d69c4d1
--- /dev/null
+++ b/files/ko/glossary/abstraction/index.html
@@ -0,0 +1,52 @@
+---
+title: 추상화
+slug: Glossary/Abstraction
+tags:
+  - Abstraction
+  - CodingScripting
+  - Glossary
+  - 추상화
+translation_of: Glossary/Abstraction
+---
+<p>{{Glossary("computer programming", "컴퓨터 프로그래밍")}}에서의 <strong>추상화</strong>란 복잡한 소프트웨어 시스템을 효율적으로 설계하고 구현할 수 있는 방법입니다. 추상화는 뒷편 시스템의 기술적 복잡함을 단순한 {{Glossary("API")}} 뒤에 숨깁니다.</p>
+
+<h2 id="데이터_추상화의_장점">데이터 추상화의 장점</h2>
+
+<ul>
+ <li>사용자가 낮은 수준의 코드를 작성하지 않도록 도움.</li>
+ <li>코드 중복 방지 및 재사용성 향상.</li>
+ <li>사용자에게 영향을 끼치지 않은 채로 독립적으로 클래스의 내부 구현 변경 가능</li>
+ <li>중요한 세부 정보만 사용자에게 제공하므로 응용 프로그램 또는 프로그램의 보안 향상에 도움</li>
+</ul>
+
+<ul>
+</ul>
+
+<h2 id="예"><strong>예</strong></h2>
+
+<pre><code>class ImplementAbstraction {
+  // method to set values of internal members
+  set(x, y) {
+    this.a = x;
+    this.b = y;
+  }
+
+  display() {
+    console.log('a = ' + this.a);
+    console.log('b = ' + this.b);
+  }
+}
+
+const obj = new ImplementAbstraction();
+obj.set(10, 20);
+obj.display();
+// a = 10
+// b = 20</code></pre>
+
+<h2 id="더_알아보기"><strong>더 알아보기</strong></h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Abstraction (computer science)", "Abstraction")}} </li>
+</ul>
diff --git a/files/ko/glossary/accessibility/index.html b/files/ko/glossary/accessibility/index.html
new file mode 100644
index 0000000000..68b99083f6
--- /dev/null
+++ b/files/ko/glossary/accessibility/index.html
@@ -0,0 +1,33 @@
+---
+title: 접근성
+slug: Glossary/Accessibility
+tags:
+  - Accessibility
+  - Glossary
+translation_of: Glossary/Accessibility
+---
+<p><strong>웹 접근성</strong>(Accessibility, <strong>A11Y</strong>)은 신체적, 기술적 제약사항에도 불구하고 충분히 사용 가능한 웹사이트를 만드는 것을 말합니다. 웹 접근성은 {{Glossary("W3C")}}의 {{Glossary("WAI","Web Accessibility Initiative")}}(WAI)가 공식적으로 정의하고 논의합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/Accessibility">MDN의 접근성 자료</a></li>
+ <li>위키백과 {{Interwiki("wikipedia", "웹 접근성")}}</li>
+</ul>
+
+<h3 id="웹_접근성_학습">웹 접근성 학습</h3>
+
+<ul>
+ <li><a href="/ko/docs/Learn/접근성">MDN에서 접근성 학습하기</a></li>
+ <li><a href="https://webaim.org/" rel="external">Web Accessibility In Mind</a></li>
+</ul>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/Accessibility/ARIA">MDN ARIA 문서</a></li>
+ <li><a href="https://www.w3.org/WAI/" rel="external">Web Accessibility Initiative 홈페이지</a></li>
+ <li><a href="https://www.w3.org/TR/wai-aria/" rel="external">WAI-ARIA 권고안</a></li>
+</ul>
diff --git a/files/ko/glossary/ajax/index.html b/files/ko/glossary/ajax/index.html
new file mode 100644
index 0000000000..59167bb33f
--- /dev/null
+++ b/files/ko/glossary/ajax/index.html
@@ -0,0 +1,26 @@
+---
+title: AJAX
+slug: Glossary/AJAX
+tags:
+  - AJAX
+  - 아작스
+  - 용어
+translation_of: Glossary/AJAX
+---
+<p>AJAX (Asynchronous {{glossary("JavaScript")}} And {{glossary("XML")}})는 {{glossary("HTML")}}, {{glossary("CSS")}}, JavaScript, {{glossary("DOM")}} 조작, 와 <code>XMLHttpRequest</code> {{glossary("object")}}를 활용한 프로그래밍 방식이다. AJAX는 전체 페이지가 다시 로드되지 않고 일부분만 업데이트하는 좀 더 복잡한 웹페이지를 만들 수 있게 해준다. 또한 AJAX를 사용하면 웹페이지 일부가 리로드 되는 동안에도 코드가 계속 실행되어 비동기식으로 작업할 수 있다.  (동기적으로 움직이는 코드와 비교하자면 웹페이지가 로딩이 끝날 때 까지 당신의 코드는 움직이지 않습니다.)</p>
+
+<h2 id="더_많은_정보">더 많은 정보</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키피디아 {{interwiki("wikipedia", "AJAX")}}</li>
+ <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">Synchronous vs. Asynchronous Communications</a></li>
+</ul>
+
+<h3 id="기술_정보">기술 정보</h3>
+
+<ul>
+ <li>{{domxref("XMLHttpRequest")}} 객체</li>
+ <li><a href="/en-US/docs/AJAX">The AJAX documentation on MDN</a></li>
+</ul>
diff --git a/files/ko/glossary/algorithm/index.html b/files/ko/glossary/algorithm/index.html
new file mode 100644
index 0000000000..79c9820ce2
--- /dev/null
+++ b/files/ko/glossary/algorithm/index.html
@@ -0,0 +1,38 @@
+---
+title: Algorithm
+slug: Glossary/Algorithm
+tags:
+  - 알고리즘
+translation_of: Glossary/Algorithm
+---
+<p><span class="seoSummary">알고리즘(Algorithm)은 기능을 수행하기 위한 독립된 명령어들의 집합이다.</span></p>
+
+<p>즉, 알고리즘은 인간이나 기계에 의해 반복적으로 해결할 수 있도록 문제를 해결하는 방법을 기술하는 수단이다. 컴퓨터 과학자들은 "알고리즘의 복잡성"이나 "빅 O" 표기법이라는 개념을 통해 알고리즘의 효율성을 비교한다.</p>
+
+<p>예를 들어:</p>
+
+<ul>
+ <li>요리 레시피는 인간을 위한 간단한 알고리즘이다.</li>
+ <li>
+  <p>정렬 알고리즘은 종종 컴퓨터 프로그래밍에서 데이터를 정렬하는 방법을 설명하기 위해 사용된다.</p>
+ </li>
+</ul>
+
+<p>일반적인 알고리즘은 Traveling Salemen Problem, Tree Traversal Algorithms 등과 같은 길 찾기 알고리즘이다.</p>
+
+<p>선형 회귀, 로지스틱 회귀, 의사결정 트리, 랜덤 포레스트, 지원 벡터 머신, Recurrent Neural Network(RNN), Long Term Memory(LSTM) Neural Network, Convolutional Neural Network(CNNN), Deep Convolutional Neural Network(심층 신경망) 등의 머신 러닝 알고리즘도 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적_지식">일반적 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Algorithm", "Algorithm")}}</li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="https://www.toptal.com/developers/sorting-algorithms">Explanations of sorting algorithms</a></li>
+ <li><a href="http://bigocheatsheet.com/">Explanations of algorithmic complexity</a></li>
+</ul>
diff --git a/files/ko/glossary/api/index.html b/files/ko/glossary/api/index.html
new file mode 100644
index 0000000000..5e4ae8818e
--- /dev/null
+++ b/files/ko/glossary/api/index.html
@@ -0,0 +1,33 @@
+---
+title: API
+slug: Glossary/API
+translation_of: Glossary/API
+---
+<p> </p>
+
+<p>API(Application Programming Interface)는 소프트웨어 프로그램(애플리케이션) 내부에 존재하는 기능 및 규칙의 집합이다. API는 Human User Interface와 달리 소프트웨어를 통해 상호작용할 수 있다. 즉, API는 API를 제공하는 애플리케이션과 서드파티 소프트웨어 및 하드웨어 등의 것들 사이의 간단한 계약(인터페이스)이라고도 볼 수 있다.<br>
+ <br>
+ 웹 개발에서 보통 API는 개발자가 앱을 통해 사용자의 웹 브라우저에서 상호작용할 수 있도록 하는 코드 기능들( e.g. {{glossary("method","methods")}}, {{Glossary("property","properties")}}, 이벤트, {{Glossary("URL","URLs")}}), 사용자의 컴퓨터 상에 있는 다른 소프트웨어 및 하드웨어, 또는 서드파티 웹사이트나 서비스의 집합을 의미한다.<br>
+ <br>
+ 예를 들면 다음과 같다:</p>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia">getUserMedia API</a>는 사용자의 웹캠으로부터 오디오나 비디오를 감지하고, 이를 개발자가 원하는대로 사용할 수 있게끔 하는 API다. 예를 들자면 비디오 및 오디오 녹음하기, 컨퍼런스 콜에서 다른 유저들에게 방송하기, 비디오에서 스틸 이미지 캡쳐하기 등을 할 수 있다.</li>
+ <li><a href="/en-US/docs/Web/API/Geolocation">Geolocation API</a>는 사용자의 디바이스에서 위치 정보를 제공할 수 있는 모든 종류의 서비스로부터 위치 정보를 반환한다. 이는 <a href="https://developers.google.com/maps/">Google Maps API</a>와 결합하여 사용자의 정보를 커스텀 지도에서 나타내거나, 현재 위치 근처에 어떤 관광 명소가 있는지를 보여주는 등에 사용될 수 있다.</li>
+ <li><a href="/en-US/docs/https://dev.twitter.com/overview/api">Twitter API</a>는 가장 최근 트윗을 웹 페이지에서 보여주는 등, 사용자의 트위터 계정에서 정보를 반환하는 데에 쓸 수 있다.</li>
+ <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a>는 예를 들어 이미지를 여기저기 움직이거나 회전시키는 등, 웹 페이지 일부를 움직이도록 하는 데에 쓸 수 있다.</li>
+</ul>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Application_programming_interface", "API")}} on Wikipedia</li>
+</ul>
+
+<h3 id="Technical_reference">Technical reference</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Web API reference</a></li>
+</ul>
diff --git a/files/ko/glossary/argument/index.html b/files/ko/glossary/argument/index.html
new file mode 100644
index 0000000000..75e24fc17a
--- /dev/null
+++ b/files/ko/glossary/argument/index.html
@@ -0,0 +1,20 @@
+---
+title: Argument
+slug: Glossary/Argument
+translation_of: Glossary/Argument
+---
+<p>인수란 {{Glossary("function","함수")}}에 입력으로 간주되는 ({{Glossary("primitive","원시적")}}인 또는 {{Glossary("object","객체")}}의){{glossary("value","값")}} 이다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Parameter_(computer_programming)", "Difference between Parameter and Argument")}}</li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li>{{glossary("JavaScript")}}의 {{jsxref("Functions/arguments","arguments")}}객체</li>
+</ul>
diff --git a/files/ko/glossary/ascii/index.html b/files/ko/glossary/ascii/index.html
new file mode 100644
index 0000000000..ab61d636bd
--- /dev/null
+++ b/files/ko/glossary/ascii/index.html
@@ -0,0 +1,12 @@
+---
+title: ASCII
+slug: Glossary/ASCII
+translation_of: Glossary/ASCII
+---
+<p><strong>미국정보교환표준부호</strong>(<em>American Standard Code for Information Interchange</em>) 또는<strong> ASCII</strong>는 문자, 숫자, 구두점, 제어문자를 디지털 형태로 바꾸어주는 대표적인 문자 인코딩 방식이다. 2007년 부터 웹에서는 {{Glossary("UTF-8")}}이 주로 쓰이고 있다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<p>{{Interwiki("wikipedia", "ASCII")}} on Wikipedia</p>
diff --git a/files/ko/glossary/attribute/index.html b/files/ko/glossary/attribute/index.html
new file mode 100644
index 0000000000..b14d2ffbee
--- /dev/null
+++ b/files/ko/glossary/attribute/index.html
@@ -0,0 +1,32 @@
+---
+title: 특성
+slug: Glossary/Attribute
+tags:
+  - CodingScripting
+  - Glossary
+  - HTML
+translation_of: Glossary/Attribute
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>특성</strong>(attribute)은 {{glossary("tag", "태그")}}를 확장해 동작 방식을 바꾸거나 메타데이터를 제공합니다.</p>
+
+<p>특성은 항상 <code>name="value"</code>의 형태를 따릅니다. (특성 식별자 뒤에 특성 값)</p>
+
+<p>등호 또는 값 없는 특성이 보일 때도 있습니다. {{glossary("HTML")}}에서는 빈 문자열을 제공하는 단축 표기법이고, {{glossary("XML")}}에서는 특성 이름을 제공하는 단축 표기법입니다.</p>
+
+<pre class="brush: html">&lt;input required&gt;
+&lt;!-- 다음과 같음 --&gt;
+&lt;input required=""&gt;
+&lt;!-- 다음과 같음 --&gt;
+&lt;input required="required"&gt;
+</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTML/Attributes">HTML 특성 참고서</a></li>
+ <li>HTML <a href="/ko/docs/Web/HTML/Global_attributes">전역 특성</a></li>
+</ul>
diff --git a/files/ko/glossary/bandwidth/index.html b/files/ko/glossary/bandwidth/index.html
new file mode 100644
index 0000000000..4f91a010bd
--- /dev/null
+++ b/files/ko/glossary/bandwidth/index.html
@@ -0,0 +1,15 @@
+---
+title: Bandwidth
+slug: Glossary/Bandwidth
+tags:
+  - 대역폭
+  - 용어사전
+translation_of: Glossary/Bandwidth
+---
+<p><span style="color: #252525; font-family: sans-serif; line-height: 22.3999996185303px;">대역폭은 주어진 시간 내에 얼마나 많은 정보가 데이터 연결을 통과 할 수 있는지를 나타냅니다. 대개 초당 메가 비트 (Mbps) 또는 초당 기가비트 (Gbps)와 같이 초당 비트 수 (bps)의 배수로 측정됩니다.</span></p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Bandwidth")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/block/css/index.html b/files/ko/glossary/block/css/index.html
new file mode 100644
index 0000000000..51f0e9115a
--- /dev/null
+++ b/files/ko/glossary/block/css/index.html
@@ -0,0 +1,24 @@
+---
+title: 블록 (CSS)
+slug: Glossary/Block/CSS
+tags:
+  - CSS
+  - CodingScripting
+  - Design
+  - Glossary
+  - HTML
+translation_of: Glossary/Block/CSS
+---
+<p>웹페이지의 <strong>블록</strong>은 {{glossary("HTML")}} {{glossary("element", "요소")}}로 새 줄에 표시된다. 즉, 가로 쓰기 모드에 속한 선행 요소 아래나 (<em>블록 수준 요소</em>로 통용되는) 후속 요소 위에 표시된다. 예를 들면, {{htmlelement("p")}}는 기본적으로 블록 수준 요소지만, {{htmlelement("a")}}는 <em>인라인 요소</em>이다. 당신의 에이치티엠엘 소스에서 여러 링크를 상대 요소 옆에 위치시킬 수 있고, 그것들을 렌더링 된 출력 형태로 상대 요소와 동일 선상에 놓는다.</p>
+
+<p>{{cssxref("display")}} 속성을 사용하면 요소가 (여러 다양한 옵션 중) 인라인으로 표시되는지 아니면 블록으로 표시되는지를 변경할 수 있으며, <strong>블록</strong> 역시 포지셔닝 체계의 영향과 {{cssxref("position")}} 속성 사용의 영향을 받는다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/Guide/CSS/Visual_formatting_model">시각적 서식 모델</a></li>
+</ul>
+
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
diff --git a/files/ko/glossary/block/index.html b/files/ko/glossary/block/index.html
new file mode 100644
index 0000000000..8f17177e82
--- /dev/null
+++ b/files/ko/glossary/block/index.html
@@ -0,0 +1,13 @@
+---
+title: Block
+slug: Glossary/Block
+tags:
+  - Disambiguation
+  - Glossary
+  - NeedsTranslation
+  - TopicStub
+translation_of: Glossary/Block
+---
+<p>The term <strong>block</strong> can have several meanings depending on the context. It may refer to:</p>
+
+<p>{{GlossaryDisambiguation}}</p>
diff --git a/files/ko/glossary/browser/index.html b/files/ko/glossary/browser/index.html
new file mode 100644
index 0000000000..093879c392
--- /dev/null
+++ b/files/ko/glossary/browser/index.html
@@ -0,0 +1,41 @@
+---
+title: 브라우저
+slug: Glossary/Browser
+tags:
+  - Glossary
+  - Navigation
+translation_of: Glossary/Browser
+---
+<p><strong>웹 브라우저</strong> 또는 <strong>브라우저</strong>는 {{Glossary("World Wide Web","웹")}}에서 페이지를 찾아서 보여주고, 사용자가 {{Glossary("hyperlink","하이퍼링크")}}를 통해 다른 페이지로 이동할 수 있도록 하는 프로그램입니다. 브라우저는 가장 익숙한 타입의 {{Glossary("user agent", "사용자 에이전트")}}입니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="브라우저_다운로드">브라우저 다운로드</h3>
+
+<ul>
+ <li><a href="http://www.mozilla.org/ko/firefox/features/">Mozilla Firefox</a></li>
+ <li><a href="http://www.google.com/chrome/" rel="external">Google Chrome</a></li>
+ <li><a href="https://www.microsoft.com/windows/microsoft-edge" rel="external">Microsoft Edge</a></li>
+ <li><a href="http://www.opera.com/" rel="external">Opera Browser</a></li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">MDN 웹 문서 용어 사전</a>
+
+  <ol>
+   <li>{{Glossary("user agent", "사용자 에이전트")}}</li>
+  </ol>
+ </li>
+ <li>General knowledge
+  <ol>
+   <li>위키백과 <a href="https://ko.wikipedia.org/wiki/%EC%9B%B9%20%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80">웹 브라우저</a></li>
+  </ol>
+ </li>
+ <li>HTTP 헤더
+  <ol>
+   <li>{{HTTPHeader("User-agent")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/call_stack/index.html b/files/ko/glossary/call_stack/index.html
new file mode 100644
index 0000000000..40ab2f4c99
--- /dev/null
+++ b/files/ko/glossary/call_stack/index.html
@@ -0,0 +1,84 @@
+---
+title: 호출 스택
+slug: Glossary/Call_stack
+tags:
+  - Glossary
+  - JavaScript
+  - 호출 스택
+translation_of: Glossary/Call_stack
+---
+<p><strong>호출 스택</strong>은 여러 함수들({{glossary("function","functions")}})을 호출하는 스크립트에서 해당 위치를 추적하는 인터프리터 (웹 브라우저의 자바스크립트 인터프리터같은)를 위한 메커니즘입니다. 현재 어떤 함수가 동작하고있는 지, 그 함수 내에서 어떤 함수가 동작하는 지, 다음에 어떤 함수가 호출되어야하는 지 등을 제어합니다.</p>
+
+<ul>
+ <li>스크립트가 함수를 호출하면 인터프리터는 이를 호출 스택에 추가한 다음 함수를 수행하기 시작합니다.</li>
+ <li>해당 함수에 의해 호출되는 모든 함수는 호출 스택에 추가되고 호출이 도달하는 위치에서 실행합니다.</li>
+ <li>메인 함수가 끝나면 인터프리터는 스택을 제거하고 메인 코드 목록에서 중단된 실행을 다시 시작합니다.</li>
+ <li>스택이 할당된 공간보다 많은 공간을 차지하면 "stack overflow" 에러가 발생합니다.</li>
+</ul>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js line-numbers  language-js"><code class="language-js"><span class="keyword token">function</span> <span class="function token">greeting</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
+   <span class="comment token">// [1] Some codes here</span>
+   <span class="function token">sayHi</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+   <span class="comment token">// [2] Some codes here</span>
+<span class="punctuation token">}</span>
+<span class="keyword token">function</span> <span class="function token">sayHi</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
+   <span class="keyword token">return</span> <span class="string token">"Hi!"</span><span class="punctuation token">;</span>
+<span class="punctuation token">}</span>
+
+<span class="comment token">// Invoke the `greeting` function</span>
+<span class="function token">greeting</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+
+<span class="comment token">// [3] Some codes here</span></code></pre>
+
+<p>위 코드는 다음과 같이 실행될 것입니다.</p>
+
+<ol>
+ <li><code>greeting()</code> 함수에 도달할 때까지, 모든 함수를 무시합니다.</li>
+ <li><code>greeting()</code> 함수를 호출합니다.</li>
+ <li><code>greeting()</code> 함수를 호출 스택 리스트에 추가합니다.<br>
+
+  <div class="note">
+  <p>호출 스택 리스트:<br>
+   - greeting</p>
+  </div>
+ </li>
+ <li>`greeting` 함수 내부의 모든 코드를 실행합니다.</li>
+ <li><code>sayHi()</code> 함수를 얻습니다.</li>
+ <li><code>sayHi()</code> 함수를 호출 스택 리스트에 추가합니다.<br>
+
+  <div class="note">
+  <p>호출 스택 리스트:<br>
+   - greeting<br>
+   - sayHi</p>
+  </div>
+ </li>
+ <li><code>sayHi()</code> 함수의 끝에 도달할 때까지, 함수 내부의 모든 코드를 실행합니다.</li>
+ <li><code>sayHi()</code> 가 호출된 라인으로 돌아와 <code>greeting()</code> 함수의 나머지를 계속 실행합니다.</li>
+ <li>호출 스택 리스트에서 <code>sayHi()</code> 함수를 제거합니다.<br>
+
+  <div class="note">
+  <p>호출 스택 리스트:<br>
+   - greeting</p>
+  </div>
+ </li>
+ <li><code>greeting()</code> 함수 내부의 모든 코드가 실행되었을 때, 이를 호출한 라인으로 돌아와 JS 코드의 나머지를 계속 실행합니다.</li>
+ <li>호출 스택 리스트에서 <code>greeting()</code> 함수를 제거합니다.<br>
+
+  <div class="note">
+  <p>호출 스택 리스트:<br>
+   EMPTY</p>
+  </div>
+ </li>
+</ol>
+
+<p>우리는 빈 호출 스택으로 시작하며, 함수를 호출할 때마다 자동으로 호출 스택에 추가되고, 해당 코드가 모두 실행된 후, 호출 스택에서 자동으로 제거됩니다. 결국, 마찬가지로 빈 호출 스택으로 끝납니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Call stack")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/character/index.html b/files/ko/glossary/character/index.html
new file mode 100644
index 0000000000..8f38147f2f
--- /dev/null
+++ b/files/ko/glossary/character/index.html
@@ -0,0 +1,18 @@
+---
+title: Character
+slug: Glossary/Character
+translation_of: Glossary/Character
+---
+<p>문자는 기호(글자, 숫자, 문장 부호) 또는 비출력 "제어"(예: 캐리지 리턴 또는 소프트 하이픈)이다. {{glossary("UTF-8")}}은 가장 보편적인 문자 세트이며 유명한 인간 언어들의 문자를 포함한다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Character (computing)")}} </li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Character encoding")}}</li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "ASCII")}} </li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "UTF-8")}} </li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Unicode")}}</li>
+</ul>
diff --git a/files/ko/glossary/character_encoding/index.html b/files/ko/glossary/character_encoding/index.html
new file mode 100644
index 0000000000..0670b18115
--- /dev/null
+++ b/files/ko/glossary/character_encoding/index.html
@@ -0,0 +1,23 @@
+---
+title: Character encoding
+slug: Glossary/character_encoding
+translation_of: Glossary/character_encoding
+---
+<p>인코딩은 바이트와 텍스트 간의 매핑을 정의한다. 바이트 시퀀스는 다양한 텍스트 해석을 허용한다. 특정 인코딩(예를 들면 UTF-8 등)을 지정함으로써 바이트 시퀀스를 해석하는 방법을 지정한다.</p>
+
+<p>예를 들어, HTML에서 우리는 일반적으로 아래 줄과 같이 UTF-8의 문자 인코딩을 선언한다 :</p>
+
+<div class="example">
+<pre class="brush: html"><code>&lt;meta charset="utf-8"&gt;</code></pre>
+
+<p>이것은 당신이 당신의 HTML 문서에서 인간 언어의 문자를 사용할 수 있도록 보장하며, 그것들은 신뢰성 있게 표시될 것이다.</p>
+</div>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li><a href="https://www.w3.org/International/articles/definitions-characters/">Character encoding on W3C</a></li>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Character encoding")}} </li>
+</ul>
diff --git a/files/ko/glossary/character_set/index.html b/files/ko/glossary/character_set/index.html
new file mode 100644
index 0000000000..7c6d876238
--- /dev/null
+++ b/files/ko/glossary/character_set/index.html
@@ -0,0 +1,31 @@
+---
+title: Character set
+slug: Glossary/character_set
+translation_of: Glossary/character_set
+---
+<p><span class="seoSummary"><strong>문자 집합</strong> 은 문자, 숫자, 문장 부호, 공백 등의 </span>{{Glossary("Character", "문자")}}<span class="seoSummary">들을 재생하는 방법을 컴퓨터에 알려주는 인코딩 시스템이다.</span></p>
+
+<p>이전에, 각 나라들은 그들의 다양한 문자 사용 때문에 고유의 문자 집합(예를 들면 일본어를 위한 Kanji JIS 코드(예: Shift-JIS, EUC-JP 등), 전통 중국어를 위한 Big5, 러시아어를 위한 KOI8-R) 을 개발했다. 그러나, {{Glossary("Unicode")}}는 점차 보편적인 언어 지원을 위해 가장 수용 가능한 문자 집합이 된다.</p>
+
+<p>문자 집합이 잘못 사용된 경우(예: 빅5로 인코딩된 기사의 Unicode) {{Interwiki("wikipedia", "글자 깨짐")}}이라고 하는 끊어진 문자만 볼 수 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ol>
+ <li>Wikipedia articles
+  <ol>
+   <li>{{Interwiki("wikipedia", "Character encoding")}}</li>
+   <li>{{Interwiki("wikipedia", "문자 깨짐")}}</li>
+  </ol>
+ </li>
+ <li><a href="/en-US/docs/Glossary">Glossary</a>
+  <ol>
+   <li>{{Glossary("Character")}}</li>
+   <li>{{Glossary("Unicode")}}</li>
+  </ol>
+ </li>
+</ol>
+
+<section class="Quick_links" id="Quick_Links"></section>
diff --git a/files/ko/glossary/chrome/index.html b/files/ko/glossary/chrome/index.html
new file mode 100644
index 0000000000..1697c9e4c9
--- /dev/null
+++ b/files/ko/glossary/chrome/index.html
@@ -0,0 +1,12 @@
+---
+title: Chrome
+slug: Glossary/Chrome
+translation_of: Glossary/Chrome
+---
+<p>브라우저에서 크롬은 웹 페이지 자체(예: 도구 모음, 메뉴 바, 탭)를 제외하고 브라우저의 모든 가시적인 측면이다. 이것은 {{glossary("Google Chrome")}} 브라우저와 혼동해서는 안 된다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li><a href="http://www.nngroup.com/articles/browser-and-gui-chrome/">Browser and GUI Chrome</a></li>
+</ul>
diff --git a/files/ko/glossary/client_hints/index.html b/files/ko/glossary/client_hints/index.html
new file mode 100644
index 0000000000..50a6443523
--- /dev/null
+++ b/files/ko/glossary/client_hints/index.html
@@ -0,0 +1,41 @@
+---
+title: Client hints(클라이언트 힌트)
+slug: Glossary/Client_hints
+tags:
+  - Client hints
+  - Reference
+  - UA 대안
+  - User-agent
+  - 클라이언트 힌트
+translation_of: Glossary/Client_hints
+---
+<p><span class="seoSummary"><strong>Client Hints</strong>는 클라이언트 장치 및 에이전트별 기본 설정 목록을 확인할 수 있도록 사전 컨텐츠 체크를 위한  <a href="/en-US/docs/Web/HTTP/Headers">HTTP request header</a> 입니다. </span><a href="/en-US/docs/Web/HTTP/Headers#Client_hints">Client Hints</a>를 사용하면 이미지 <abbr title="device pixel ratio">DPR</abbr> 해상도의 자동 조절과 최적화 된 assets을 자동으로 적용할 수 있습니다.</p>
+
+<p>Client Hints는 자동으로 적용되는 것이 아닙니다 :  ClientHints를 지원한다고 선언하기 위해서 서버에서  <code><a href="https://tools.ietf.org/html/draft-grigorik-http-client-hints-03#section-2.2.1">Accept-CH</a></code> (accept client hints) header 또는 클라이언트에서 HTML Meta 태그의  <code><a href="/en-US/docs/Web/HTML/Element/meta#Attributes">http-equiv</a></code> 속성을 사용하여 선언해주어야 합니다.</p>
+
+<p><code>Accept-CH: <abbr title="device pixel ratio">DPR</abbr>, Width, Viewport-Width, Downlink</code></p>
+
+<p>또는</p>
+
+<p><code>&lt;meta http-equiv="Accept-CH" content="<abbr title="device pixel ratio">DPR</abbr>, Width, Viewport-Width, Downlink</code><code>"&gt;</code></p>
+
+<p>클라이언트가 <code>Accept-CH</code> header를 전달받게 되면 지원되는 경우, Client Hint header를 추가합니다. 예를 들어 위의 Accept-CH 예제를 기반으로 클라이언트는 모든 후속 요청에 DPR, Width, Viewport-Width 및 Downlink 헤더를 추가 할 수 있습니다.</p>
+
+<p>두 번째 예에서 서버는 Accept-CH 메타 태그를 설정하여 브라우저에 힌트를 제공합니다.</p>
+
+<p>일반적으로, Client Hints header를 가지고 개발자 또는 어플리케이션은 브라우저에게 장치 픽셀 비율, 뷰포트 너비 및 디스플레이 너비와 같은 서버 자체 정보를 제공하도록 할 수 있습니다. 그러면 클라이언트는 서버에 클라이언트 환경에 대한 정보를 제공할 수 있고, 서버는 해당 정보를 기반으로 전송할 리소스를 결정할 수도 있습니다.</p>
+
+<h2 id="Vary_Client_Hints">Vary Client Hints</h2>
+
+<p>다른 <a href="/en-US/docs/Web/HTTP/Headers#Client_hints">Client Hints</a>가 응답에 영향을 줄 수 있는 캐시를 전달하기 위해서는, <code><a href="/en-US/docs/Web/HTTP/Headers/Vary">Vary</a></code> HTTP header를 사용해야만 합니다.</p>
+
+<p id="Example_varying_response">응답 예시 :</p>
+
+<p><code>Vary: Accept, <abbr title="device pixel ratio">DPR</abbr>, Width, Viewport-Width, Downlink</code></p>
+
+<h2 id="See_Also">See Also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTTP/Headers#Client_hints">Client Hints headers</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Vary"><code>Vary</code> HTTP Header</a></li>
+</ul>
diff --git a/files/ko/glossary/compile/index.html b/files/ko/glossary/compile/index.html
new file mode 100644
index 0000000000..d7dbce7f34
--- /dev/null
+++ b/files/ko/glossary/compile/index.html
@@ -0,0 +1,28 @@
+---
+title: Compile
+slug: Glossary/Compile
+translation_of: Glossary/Compile
+---
+<p>컴파일(Compile)은 주어진 {{Glossary("computer programming", "language")}}로 작성된 컴퓨터 프로그램을 다른 언어의 동등한 프로그램으로 변환하는 프로세스입니다. 컴파일러는이 작업을 실행하는 소프트웨어입니다. 때로는이 작업을 "조립(assembling)"또는 "빌드(build)"라고도 합니다. 이 작업들은 보통 컴파일과 같은 것(예를 들면 바이너리 형식으로 패키지를 만드는 일) 이상의 작업을 수행합니다 .</p>
+
+<p>일반적으로 컴파일러는 C 또는 {{Glossary("Java")}} 와 같은 고급 언어를 CPU가 이해할 수 있는, 즉 어셈블리어와 같은 기계 언어로 변환합니다. 유사한 수준의 언어 사이에서 번역하는 일부 컴파일러를 트랜스파일러 또는 크로스 컴파일러 라고 합니다. 예를 들어 TypeScript에서 {{Glossary("JavaScript")}}로 컴파일합니다. 그것들은 생산성 도구로 간주됩니다.</p>
+
+<p>대부분의 컴파일러는 선행(AOT) 또는 적기(JIT)로 작업한다. 프로그래머로서, 당신은 보통 커맨드 라인이나 당신의  {{Glossary("IDE")}}에서 AOT 컴파일러를 호출한다. 가장 유명한 'gcc'가 그 한 예다.</p>
+
+<p>JIT compilers are usually transparent to you, used for performance. For instance in the browser: Firefox' <a href="/en-US/docs/Mozilla/Projects/SpiderMonkey">SpiderMonkey</a> JavaScript Engine has a JIT built-in that will compile JavaScript in a website to machine code while you're viewing it so it runs faster. Projects like <a href="/en-US/docs/WebAssembly">WebAssembly</a> work on making this even better.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Compiler")}}</li>
+ <li>The <a href="https://gcc.gnu.org">GNU Compiler Collection (GCC)</a></li>
+</ul>
+
+<h3 id="Learning_resources">Learning resources</h3>
+
+<ul>
+ <li><a href="https://medium.com/basecs/a-deeper-inspection-into-compilation-and-interpretation-d98952ebc842">Base CS Introduction on Compilers</a></li>
+ <li><a href="http://stackoverflow.com/a/1672/133203">A big list of learning material on StackOverflow</a></li>
+</ul>
diff --git a/files/ko/glossary/computer_programming/index.html b/files/ko/glossary/computer_programming/index.html
new file mode 100644
index 0000000000..9f55b89212
--- /dev/null
+++ b/files/ko/glossary/computer_programming/index.html
@@ -0,0 +1,17 @@
+---
+title: Computer Programming
+slug: Glossary/Computer_Programming
+translation_of: Glossary/Computer_Programming
+---
+<p>컴퓨터 프로그래밍은 명령어 모음집을 작성하고 구성하는 과정이다. 이것들은 컴퓨터/소프트웨어 프로그램에게 컴퓨터가 이해하는 언어로 무엇을 해야 하는지 알려준다. 이러한 지침은 C++, Java, JavaScript, HTML, Python, Ruby, Rust와 같은 다양한 언어의 형태로 나온다.</p>
+
+<p>적절한 언어를 사용하면 모든 종류의 소프트웨어를 프로그래밍/생성할 수 있다. 이것의 예시에는 복잡한 계산을 하여 과학자들을 돕는 프로그램, 엄청난 양의 데이터를 저장하는 데이터베이스, 음악을 다운받을 수 있는 웹 사이트, 애니메이션 영화를 만들 수 있는 애니메이션 소프트웨어를 들 수 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Computer programming")}} </li>
+ <li><a href="https://en.wikipedia.org/wiki/List_of_programming_languages">List of Programming Languages: Wikipedia</a></li>
+</ul>
diff --git a/files/ko/glossary/copyleft/index.html b/files/ko/glossary/copyleft/index.html
new file mode 100644
index 0000000000..41e744743c
--- /dev/null
+++ b/files/ko/glossary/copyleft/index.html
@@ -0,0 +1,14 @@
+---
+title: Copyleft
+slug: Glossary/Copyleft
+translation_of: Glossary/Copyleft
+---
+<p>Copyleft는 일반적으로 라이선스를 지칭하는 용어로서, 그러한 라이선스는 해당 저작물의 재배포가 원래 라이선스와 동일한 라이선스의 대상이 되어야 한다는 것을 나타내기 위해 사용된다. copyleft 라이선스의 예로는 GNU {{Glossary("GPL")}}(소프트웨어용)과 Creative Commons SA(Share Alike) 라이선스(예술 작품에서)가 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Copyleft")}} </li>
+</ul>
diff --git a/files/ko/glossary/cors/index.html b/files/ko/glossary/cors/index.html
new file mode 100644
index 0000000000..eff5b6ffdd
--- /dev/null
+++ b/files/ko/glossary/cors/index.html
@@ -0,0 +1,23 @@
+---
+title: CORS
+slug: Glossary/CORS
+translation_of: Glossary/CORS
+---
+<p>다른 도메인({{glossary("domain","domains")}})에서의 자원을 호출하는 행위에 제한이 없을 경우 안전하지 않습니다. <strong>CORS </strong>(Cross-Origin Resource Sharing)는 이렇게 시스템 수준에서 타 도메인 간 자원 호출을 승인하거나 차단하는 것을 결정하는 것입니다.</p>
+
+<p> </p>
+
+<h2 id="더_보기">더 보기</h2>
+
+<h3 id="일반_참조">일반 참조</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTTP/Access_control_CORS">HTTP access control (CORS)</a> on MDN</li>
+ <li>{{Interwiki("wikipedia", "Cross-origin resource sharing")}} on Wikipedia</li>
+</ul>
+
+<h3 id="기술_참조">기술 참조</h3>
+
+<ul>
+ <li><a href="http://www.w3.org/TR/cors/">Specification</a> on W3C recommandation</li>
+</ul>
diff --git a/files/ko/glossary/cross_axis/index.html b/files/ko/glossary/cross_axis/index.html
new file mode 100644
index 0000000000..0824f20777
--- /dev/null
+++ b/files/ko/glossary/cross_axis/index.html
@@ -0,0 +1,72 @@
+---
+title: 교차축
+slug: Glossary/Cross_Axis
+tags:
+  - CSS
+  - Glossary
+  - flexbox
+translation_of: Glossary/Cross_Axis
+---
+<p>{{glossary("flexbox", "플렉스박스")}}에서, <strong>교차축</strong>이란 {{glossary("main axis", "주축")}}에 수직하는 축으로, {{cssxref("flex-direction")}}이 <code>row</code> 또는 <code>row-reverse</code> 인 경우 교차축은 열 방향을 따라갑니다.</p>
+
+<p><img alt="The cross axis runs down the column" src="https://mdn.mozillademos.org/files/15710/Basics3.png" style="display: block; height: 125px; margin: 0px auto; width: 666px;"></p>
+
+<p>주축이 <code>column</code> 또는 <code>column-reverse</code>인 경우 교차축은 행 방향을 따라갑니다.</p>
+
+<p><img alt="The cross axis runs along the row." src="https://mdn.mozillademos.org/files/15711/Basics4.png" style="display: block; height: 244px; margin: 0px auto; width: 523px;"></p>
+
+<p>아이템을 교차축에 대해 정렬할 땐 플렉스 컨테이너의 <code>align-items</code> 속성 또는 각각 아이템의<code>align-self</code> 속성을 사용합니다. 플렉스 컨테이너가 콘텐츠 여러 줄을 가졌고, 교차축에 남는 공간이 있다면 <code>align-content</code> 속성을 통해 열 간격을 조절할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="속성_참고서">속성 참고서</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-content")}}</li>
+ <li>{{cssxref("align-items")}}</li>
+ <li>{{cssxref("align-self")}}</li>
+ <li>{{cssxref("flex-wrap")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex")}}</li>
+</ul>
+</div>
+
+<h3 id="더_읽어보기">더 읽어보기</h3>
+
+<ul>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">MDN Web Docs 용어 사전</a>
+
+  <ol>
+   <li>{{Glossary("Cross Axis", "교차축")}}</li>
+   <li>{{Glossary("Flex")}}</li>
+   <li>{{Glossary("Flex Container")}}</li>
+   <li>{{Glossary("Flex Item")}}</li>
+   <li>{{Glossary("Grid")}}</li>
+  </ol>
+ </li>
+ <li>관련 CSS 속성
+  <ol>
+   <li>{{cssxref("align-content")}}</li>
+   <li>{{cssxref("align-items")}}</li>
+   <li>{{cssxref("align-self")}}</li>
+   <li>{{cssxref("flex")}}</li>
+   <li>{{cssxref("flex-basis")}}</li>
+   <li>{{cssxref("flex-direction")}}</li>
+   <li>{{cssxref("flex-flow")}}</li>
+   <li>{{cssxref("flex-grow")}}</li>
+   <li>{{cssxref("flex-shrink")}}</li>
+   <li>{{cssxref("flex-wrap")}}</li>
+   <li>{{cssxref("justify-content")}}</li>
+   <li>{{cssxref("order")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/csp/index.html b/files/ko/glossary/csp/index.html
new file mode 100644
index 0000000000..3da729e2eb
--- /dev/null
+++ b/files/ko/glossary/csp/index.html
@@ -0,0 +1,22 @@
+---
+title: CSP
+slug: Glossary/CSP
+translation_of: Glossary/CSP
+---
+<p>CSP (Content Security Policy)는 {{Glossary("XSS")}}이나 데이터 주입과 같은 특정 웹사이트 관련 공격을 탐지 하거나 완화 하기 위해 사용된다.</p>
+
+<p>기본적인 구현은 <code>Content-Security-Policy</code>라고 불리는 {{Glossary("HTTP")}} 헤더를 기반으로 한다.</p>
+
+<h2 id="더_공부하기">더 공부하기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="https://en.wikipedia.org/wiki/Content_Security_Policy">Content Security Policy on Wikipedia</a></li>
+</ul>
+
+<h3 id="기술_지식">기술 지식</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Security/CSP">Content Security Policy documentation on MDN</a></li>
+</ul>
diff --git a/files/ko/glossary/css/index.html b/files/ko/glossary/css/index.html
new file mode 100644
index 0000000000..a788e8e697
--- /dev/null
+++ b/files/ko/glossary/css/index.html
@@ -0,0 +1,45 @@
+---
+title: CSS
+slug: Glossary/CSS
+tags:
+  - CSS
+  - CodingScripting
+  - Glossary
+  - Web
+  - 'l10n:priority'
+translation_of: Glossary/CSS
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><span class="seoSummary"><strong>CSS</strong>(Cascading Style Sheets, 종속형 스타일 시트)는 {{glossary("browser", "브라우저")}}에서 웹페이지의 외형을 결정하는 선언형 언어입니다.</span> 브라우저는 선택한 요소에 CSS 스타일 선언을 적용해 화면에 적절히 표현합니다. 하나의 스타일 선언은 속성과 그 값으로 이루어져 있습니다.</p>
+
+<p>CSS는 {{glossary("HTML")}}, {{glossary("JavaScript")}}와 함께 웹의 3대 핵심 기술을 이룹니다. 보통 {{Glossary("Element", "HTML 요소")}}의 스타일을 결정하지만, {{Glossary("SVG")}}와 {{Glossary("XML")}} 등 다른 마크업 언어에도 사용할 수 있습니다.</p>
+
+<p>하나의 CSS 규칙은 {{Glossary("CSS selector", "선택자")}}에 연결된 {{Glossary("CSS Property","속성")}} 세트로 구성됩니다. HTML의 모든 문단을 검은색 배경에 노란색 글자색으로 만드는 예제를 확인해보세요.</p>
+
+<pre class="brush: css">/* The selector "p" indicate that all paragraphs in the document will be affected by that rule */
+p {
+  /* The "color" property defines the text color, in this case yellow. */
+  color: yellow;
+
+  /* The "background-color" property defines the background color, in this case black. */
+  background-color: black
+}</pre>
+
+<p>"종속형"은 페이지의 외형을 결정할 때 선택자의 우선순위를 결정하는 법을 가리킵니다. 복잡한 웹사이트의 CSS 규칙은 수천 개에 달할 수 있으므로 종속은 매우 중요한 특성입니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/Learn/CSS">CSS 배우기</a></li>
+ <li>위키백과의 {{interwiki("wikipedia", "종속형 시트")}}</li>
+</ul>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/CSS">MDN의 CSS 문서</a></li>
+ <li><a href="http://www.w3.org/Style/CSS/current-work" rel="external">CSS Working Group의 현재 작업사항</a></li>
+</ul>
diff --git a/files/ko/glossary/css_preprocessor/index.html b/files/ko/glossary/css_preprocessor/index.html
new file mode 100644
index 0000000000..6cd4b407a1
--- /dev/null
+++ b/files/ko/glossary/css_preprocessor/index.html
@@ -0,0 +1,26 @@
+---
+title: CSS 전처리기
+slug: Glossary/CSS_preprocessor
+tags:
+  - CSS
+  - Glossary
+translation_of: Glossary/CSS_preprocessor
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><span class="seoSummary"><strong>CSS 전처리기는</strong> 전처리기의 자신만의 특별한 {{Glossary("syntax")}}를 가지고 {{Glossary("CSS")}}를 생성하도록 하는 프로그램입니다.</span> 선택할 수 있는 많은 CSS 전처기가 있습니다. 그러나 대부분의 CSS 전처리기는 pure CSS에 존재하지 않는 특징을 추가할것 입니다, 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속 셀렉터(inheritance selector), 기타 등등. 이러한 특징은  CSS 구조를  가독성있고 더 유지보수 하기 좋게 합니다. </p>
+
+<p>CSS 전처리기를 사용하기 위해서는, 당신의 웹 web {{Glossary("server")}}에 CSS compiler를 설치해야 한다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<p>여기 가장 일반적인 CSS 전처리기들이 있다:</p>
+
+<ul>
+ <li><a href="http://sass-lang.com/">SASS</a></li>
+ <li><a href="http://lesscss.org/">LESS</a></li>
+ <li><a href="http://stylus-lang.com/">Stylus</a></li>
+ <li><a href="http://postcss.org/">PostCSS</a></li>
+</ul>
diff --git a/files/ko/glossary/descriptor_(css)/index.html b/files/ko/glossary/descriptor_(css)/index.html
new file mode 100644
index 0000000000..7bc0a0c702
--- /dev/null
+++ b/files/ko/glossary/descriptor_(css)/index.html
@@ -0,0 +1,12 @@
+---
+title: Descriptor (CSS)
+slug: Glossary/Descriptor_(CSS)
+translation_of: Glossary/Descriptor_(CSS)
+---
+<p><strong>CSS 설명자(descriptor)</strong>는 {{cssxref("at-rule")}}의 특성을 정의합니다. At-rules에는 하나 이상의 설명자가 있을 수 있습니다. 각각의 설명자는 다음을 갖고있습니다.</p>
+
+<ul>
+ <li>이름</li>
+ <li>컴포넌트값을 보유하는 값</li>
+ <li>기본 상태에서 설정되지 않은(unset) "!important" 플래그</li>
+</ul>
diff --git a/files/ko/glossary/doctype/index.html b/files/ko/glossary/doctype/index.html
new file mode 100644
index 0000000000..ae42d1468c
--- /dev/null
+++ b/files/ko/glossary/doctype/index.html
@@ -0,0 +1,23 @@
+---
+title: 문서 타입 정의
+slug: Glossary/Doctype
+tags:
+  - 문서타입
+translation_of: Glossary/Doctype
+---
+<p>{{Glossary("HTML")}}에서, doctype은 모든 문서의 최상단에서 찾을 수 있는 "<code>&lt;!DOCTYPE html&gt;</code>" 필수 서문이다. doctype은 {{Glossary("브라우저")}}가 문서를 렌더링 할 때 <a href="/en-US/docs/Quirks_Mode_and_Standards_Mode">“quirks mode”</a>로 바뀌지 않도록하는 것이 유일한 목적이다. "<code>&lt;!DOCTYPE html&gt;</code>" doctype은 브라우저가 일부 스펙과 맞지 않는 다른 렌더링 모드를 사용하기 보다는 적절한 스펙을 따르는 최선의 시도를 하도록 한다.</p>
+
+<h2 id="더보기">더보기</h2>
+
+<h3 id="배경_지식">배경 지식</h3>
+
+<ul>
+ <li><a href="https://html.spec.whatwg.org/multipage/syntax.html#the-doctype">Definition of the DOCTYPE in the HTML specification</a></li>
+ <li><a href="/en-US/docs/Quirks_Mode_and_Standards_Mode">Quirks Mode and Standards Mode</a></li>
+</ul>
+
+<h3 id="기술_참조">기술 참조</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/Document/doctype">Document.doctype</a>, doctype 확인 자바스크립트 함수</li>
+</ul>
diff --git a/files/ko/glossary/dom/index.html b/files/ko/glossary/dom/index.html
new file mode 100644
index 0000000000..ee5c28d2f8
--- /dev/null
+++ b/files/ko/glossary/dom/index.html
@@ -0,0 +1,28 @@
+---
+title: DOM
+slug: Glossary/DOM
+tags:
+  - DOM
+  - Glossary
+translation_of: Glossary/DOM
+---
+<p>DOM (Document Object Model) 은 {{glossary("HTML")}} 또는 {{glossary("XML")}} document와 상호작용하고 표현하는 {{glossary("API")}}입니다. DOM은 {{glossary("browser")}}에서 로드되며, 노드 트리(각 노드는 document의 부분을 나타냅니다)로 표현하는 document 모델입니다(예, {{Glossary("element")}}, 문자열, 또는 코멘트).</p>
+
+<p>DOM은 document의 모든 노드에 접근하고 상호작용할 수 있도록 브라우저에서 코드를 실행할 수 있게 해주는 이유로, {{glossary("World Wide Web","Web")}}에서 가장 많이 사용되는 {{Glossary("API")}} 중 하나입니다. 노드들은 생성, 이동 및 변경될 수 있습니다. 이벤트 리스너를 노드에 추가해 주어진 이벤트가 발생할 때 트리거되게 할 수 있습니다.</p>
+
+<p>DOM은 기본적으로 정의되어 있지 않습니다—이는 브라우저가 {{Glossary("JavaScript")}} 구현을 시작했을 때 나타납니다. 이 레거시 DOM을 DOM 0 이라고도 합니다. 오늘날, WHATWG에서 DOM 리빙 표준을 관리합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>Wikipedia 의 {{interwiki("wikipedia", "Document_Object_Model", "Document Object Model")}}</li>
+</ul>
+
+<h3 id="기술_정보">기술 정보</h3>
+
+<ul>
+ <li><a href="/ko/docs/DOM">MDN의 DOM 문서</a></li>
+ <li><a href="https://dom.spec.whatwg.org/" rel="external">DOM 표준</a></li>
+</ul>
diff --git a/files/ko/glossary/domain_name/index.html b/files/ko/glossary/domain_name/index.html
new file mode 100644
index 0000000000..d3ace779c3
--- /dev/null
+++ b/files/ko/glossary/domain_name/index.html
@@ -0,0 +1,21 @@
+---
+title: 도메인 이름
+slug: Glossary/Domain_name
+tags:
+  - Glossary
+  - WebMechanics
+  - 도메인
+  - 도메인 네임
+  - 도메인명
+translation_of: Glossary/Domain_name
+---
+<p><strong>도메인 이름</strong>은 {{Glossary("Internet", "인터넷")}} 웹 사이트의 주소로, {{glossary("URL")}}에서 특정 웹 페이지가 속하는 서버를 식별할 때 사용합니다. 도메인 이름은 마침표(점)로 구분한 계층적인 이름(레이블)의 연속으로 구성되며, {{glossary("TLD", "확장")}}으로 끝납니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{interwiki("wikipedia", "도메인 네임")}} </li>
+ <li><a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_domain_name">Understanding domain names</a></li>
+</ul>
diff --git a/files/ko/glossary/ecmascript/index.html b/files/ko/glossary/ecmascript/index.html
new file mode 100644
index 0000000000..c98547d9e6
--- /dev/null
+++ b/files/ko/glossary/ecmascript/index.html
@@ -0,0 +1,20 @@
+---
+title: ECMAScript
+slug: Glossary/ECMAScript
+translation_of: Glossary/ECMAScript
+---
+<p><strong>ECMAScript</strong>는 {{glossary("JavaScript")}}의 기반이 되는 스크립팅 언어 명세입니다. <a href="http://www.ecma-international.org">Ecma International</a>은 ECMAScript 표준화를 담당하고 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "ECMAScript")}} on Wikipedia</li>
+</ul>
+
+<h3 id="기술_레퍼런스">기술 레퍼런스</h3>
+
+<ul>
+ <li><a href="http://www.ecmascript.org/">ECMAScript</a></li>
+</ul>
diff --git a/files/ko/glossary/element/index.html b/files/ko/glossary/element/index.html
new file mode 100644
index 0000000000..d0d4bf5ca0
--- /dev/null
+++ b/files/ko/glossary/element/index.html
@@ -0,0 +1,24 @@
+---
+title: 요소
+slug: Glossary/Element
+tags:
+  - CodingScripting
+  - Glossary
+  - HTML
+  - 엘리먼트
+translation_of: Glossary/Element
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>요소</strong>(element)는 웹 페이지를 구성합니다. {{glossary("XML")}}과 {{glossary("HTML")}}에서, 요소는 데이터 항목, 텍스트 한 묶음, 이미지를 담을 수 있고, 아무것도 담지 않을 수도 있습니다. 일반적인 요소는 여는 태그와 몇 가지 {{glossary("attribute", "특성")}}, 내부의 텍스트 콘텐츠, 닫는 태그로 구성됩니다.<br>
+ <img alt="Example: in &lt;p class=&quot;nice&quot;>Hello world!&lt;/p>, '&lt;p class=&quot;nice&quot;>' is an opening tag, 'class=&quot;nice&quot;' is an attribute and its value, 'Hello world!' is enclosed text content, and '&lt;/p>' is a closing tag." src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p>
+
+<p>요소와 {{glossary("tag", "태그")}}는 <strong>같지 않습니다</strong>. 태그는 소스 코드에서 요소의 시작과 끝을 표시하고, 요소는 {{glossary("browser", "브라우저")}}가 페이지를 표시할 때 사용하는 문서 모델인 {{glossary("DOM")}}의 일부입니다.</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li><a href="/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started">HTML 시작하기</a></li>
+ <li><a href="/ko/docs/Web/Web_Components/Using_custom_elements">사용자 지정 요소 정의하기</a></li>
+ <li>DOM의 요소를 나타내는 {{domxref("Element")}} 인터페이스</li>
+</ul>
diff --git a/files/ko/glossary/empty_element/index.html b/files/ko/glossary/empty_element/index.html
new file mode 100644
index 0000000000..3d73deec50
--- /dev/null
+++ b/files/ko/glossary/empty_element/index.html
@@ -0,0 +1,34 @@
+---
+title: 빈 요소
+slug: Glossary/Empty_element
+tags:
+  - CodingScripting
+  - Glossary
+  - Intermediate
+translation_of: Glossary/Empty_element
+---
+<p><strong>빈 요소</strong>는 HTML, SVG, MathML의 {{glossary("element", "요소")}} 중 자식 노드를 가질 수 <strong>없는</strong> 요소입니다.</p>
+
+<p><a href="https://html.spec.whatwg.org/multipage/">HTML</a>, <a href="https://www.w3.org/TR/SVG2/">SVG</a>, <a href="https://www.w3.org/TR/MathML3/">MathML</a>의 명세는 각각의 요소가 무엇을 담을 수 있는지 매우 정확하게 명시하고 있습니다. 많은 수의 조합은 {{htmlelement("hr")}} 안의 {{htmlelement("audio")}}와 같이, 아무런 의미도 갖지 않습니다.</p>
+
+<p>HTML의 빈 요소에 닫는 태그를 사용하는 건 보통 유효하지 않습니다. 예를 들어 <code>&lt;input type="text"&gt;&lt;/input&gt;</code>는 유효하지 않은 HTML입니다.</p>
+
+<p>HTML의 빈 요소 목록은 다음과 같습니다.</p>
+
+<ul>
+ <li>{{HTMLElement("area")}}</li>
+ <li>{{HTMLElement("base")}}</li>
+ <li>{{HTMLElement("br")}}</li>
+ <li>{{HTMLElement("col")}}</li>
+ <li>{{HTMLElement("embed")}}</li>
+ <li>{{HTMLElement("hr")}}</li>
+ <li>{{HTMLElement("img")}}</li>
+ <li>{{HTMLElement("input")}}</li>
+ <li>{{HTMLElement("keygen")}}(HTML 5.2 초안에서 제거)</li>
+ <li>{{HTMLElement("link")}}</li>
+ <li>{{HTMLElement("meta")}}</li>
+ <li>{{HTMLElement("param")}}</li>
+ <li>{{HTMLElement("source")}}</li>
+ <li>{{HTMLElement("track")}}</li>
+ <li>{{HTMLElement("wbr")}}</li>
+</ul>
diff --git a/files/ko/glossary/endianness/index.html b/files/ko/glossary/endianness/index.html
new file mode 100644
index 0000000000..8963a4ee47
--- /dev/null
+++ b/files/ko/glossary/endianness/index.html
@@ -0,0 +1,44 @@
+---
+title: 엔디언
+slug: Glossary/Endianness
+tags:
+  - Coding
+  - CodingScripting
+  - Glossary
+translation_of: Glossary/Endianness
+---
+<p id="Summary"><strong>엔디언</strong>(endian, endianness) 또는 <strong>바이트 순서</strong>는 숫자를 구성하는 바이트를 컴퓨터가 정렬하는 방법입니다.</p>
+
+<p>메모리의 저장 공간은 인덱스, 또는 주소를 가지고 있습니다. 각각의 바이트는 8비트 숫자(<code>0x00</code> 이상, <code>0xff</code> 이하)를 저장할 수 있으므로, 그보다 큰 숫자에 대해서는 두 개 이상의 바이트가 필요합니다. 여러 개의 바이트를 정렬하는, 지금까지 가장 많이 쓰이는 방법은 모든 Intel 프로세서가 사용하는 <strong>리틀 엔디언</strong>입니다. 리틀 엔디언은 작은 단위부터 정렬하는 방식으로, 가장 작은 단위의 바이트가 맨 앞 혹은 앞쪽 주소를 차지합니다. 이 방식은 유럽식 날짜 표기(31-12-2050)에 대입할 수 있습니다.</p>
+
+<p>자연스럽게, <strong>빅 엔디언</strong>은 그 반대 순서를 나타내며 ISO 날짜 표기(2050-12-31)와 같습니다. 빅 엔디언은 "네트워크 바이트 순서"라고도 부르는데, 대부분의 인터넷 표준은 데이터의 저장 방식에 빅 엔디언을 요구하기 때문입니다. 이는 표준 UNIX 소켓 단계부터, 표준화 웹 이진 데이터 구조까지 올라갑니다. 또한 68000 시리즈와 PowerPC 마이크로프로세서를 사용하는 구형 Mac 컴퓨터는 빅 엔디언을 사용했었습니다.</p>
+
+<p>다음은 숫자 <code>0x12345678</code> (10진수 305 419 896)으로 나타낸 예제입니다.</p>
+
+<ul>
+ <li>리틀 엔디언: <code>0x78 0x56 0x34 0x12</code></li>
+ <li>빅 엔디언: <code>0x12 0x34 0x56 0x78</code></li>
+ <li>혼합 엔디언(구형, 매우 드묾): <code>0x34 0x12 0x78 0x56</code></li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li>같이 보기
+  <ol>
+   <li>{{jsxref("ArrayBuffer")}}</li>
+   <li>{{jsxref("DataView")}}</li>
+   <li><a href="/ko/docs/Web/JavaScript/Typed_arrays">형식화 배열</a></li>
+  </ol>
+ </li>
+ <li>위키백과
+  <ol>
+   <li>{{Interwiki("wikipedia", "엔디언")}}</li>
+  </ol>
+ </li>
+ <li><a href="/ko/docs/Glossary">용어 사전</a>
+  <ol>
+   <li>{{Glossary("data structure", "자료 구조")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/entity_header/index.html b/files/ko/glossary/entity_header/index.html
new file mode 100644
index 0000000000..35ef8a7bbc
--- /dev/null
+++ b/files/ko/glossary/entity_header/index.html
@@ -0,0 +1,26 @@
+---
+title: 엔티티 헤더
+slug: Glossary/Entity_header
+tags:
+  - WebMechanics
+  - 용어
+translation_of: Glossary/Entity_header
+---
+<p>엔티티 헤더는 메시지 바디의 컨텐츠를 나타내는 {{glossary("header", "HTTP 헤더")}}입니다. 엔티티 헤더는 HTTP 요청 및 응답 모두에서 사용됩니다. {{HTTPHeader("Content-Length")}}, {{HTTPHeader("Content-Language")}}, {{HTTPHeader("Content-Encoding")}}과 같은 헤더는 엔티티 헤더입니다.</p>
+
+<p>엔티티 헤더가 요청이나 응답 헤더가 아님에도 불구하고, 이러한 용어로 종종 포함됩니다.</p>
+
+<p>다음 예시에서, {{HTTPHeader("Content-Length")}}는 엔티티 헤더지만, {{HTTPHeader("Host")}}와 {{HTTPHeader("User-Agent")}}는 {{glossary("request header", "request 헤더")}}입니다:</p>
+
+<pre>POST /myform.html HTTP/1.1
+Host: developer.mozilla.org
+User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
+Content-Length: 128</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술적_지식">기술적 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/HTTP/Headers">모든 HTTP 헤더의 목록</a></li>
+</ul>
diff --git a/files/ko/glossary/falsy/index.html b/files/ko/glossary/falsy/index.html
new file mode 100644
index 0000000000..5b9f046a7a
--- /dev/null
+++ b/files/ko/glossary/falsy/index.html
@@ -0,0 +1,107 @@
+---
+title: 거짓같은 값
+slug: Glossary/Falsy
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+  - 거짓 같은 값
+translation_of: Glossary/Falsy
+---
+<p id="Summary"><strong>거짓 같은 값</strong>(Falsy, <strong>falsey</strong>로 쓰이기도 함) 값은 {{Glossary("Boolean","불리언")}} 문맥에서 <code>false</code>로 평가되는 값입니다.</p>
+
+<p>{{Glossary("JavaScript")}}는 {{Glossary("Conditional", "조건절")}}, {{Glossary("Loop", "반복문")}} 등 불리언 값이 필요한 곳에서 {{Glossary("Type_Conversion", "형 변환")}}을 이용해 특정 값을 불리언 값으로 변환합니다.</p>
+
+<p>다음은 8가지 거짓 같은 값들입니다:</p>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td><code>false</code></td>
+   <td>키워드 <a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Lexical_grammar#구형_표준의_확장_예약_키워드">false</a></td>
+  </tr>
+  <tr>
+   <td><code>0</code></td>
+   <td>숫자 <a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures#Number_타입">zero</a></td>
+  </tr>
+  <tr>
+   <td><code>-0</code></td>
+   <td>음수 <a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Data_structures#Number_타입">zero</a></td>
+  </tr>
+  <tr>
+   <td><code>0n</code></td>
+   <td><a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/BigInt">BigInt</a>. 불리언으로 사용될 경우, 숫자와 같은 규칙을 따름. <code>0n</code>은 거짓 같은 값.</td>
+  </tr>
+  <tr>
+   <td><code>""</code></td>
+   <td>
+    <p>빈 <a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></p>
+   </td>
+  </tr>
+  <tr>
+   <td>{{Glossary("null")}}</td>
+   <td><a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/null">null</a> - 아무런 값도 없음</td>
+  </tr>
+  <tr>
+   <td>{{Glossary("undefined")}}</td>
+   <td><a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/undefined">undefined</a> - 원시값</td>
+  </tr>
+  <tr>
+   <td>{{Glossary("NaN")}}</td>
+   <td><a href="https://wiki.developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/NaN">NaN </a>- 숫자가 아님</td>
+  </tr>
+ </tbody>
+</table>
+
+<div class="note">
+<p>오브젝트는  <a href="https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot">[[IsHTMLDDA]] internal slot</a> 을 가지고 있어야 거짓같은 값이 됩니다. 이 슬롯은 <a href="https://wiki.developer.mozilla.org/ko/docs/Web/API/Document/all"><code>document.all</code></a> 에만 존재하며 자바스크립트로 설정될 수 없습니다.</p>
+</div>
+
+<h2 id="예제">예제</h2>
+
+<p>다음은 거짓 같은 값의 예시입니다. 거짓 같은 값은 불리언 문맥에서 <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">false</span></font>로 변환되므로, 아래의 모든 <code>if</code> 블록은 실행되지 않습니다.</p>
+
+<pre class="brush: js notranslate">if (false)
+if (null)
+if (undefined)
+if (0)
+if (-0)
+if (0n)
+if (NaN)
+if ("")
+</pre>
+
+<h3 id="논리_AND_연산자">논리 AND 연산자, &amp;&amp;</h3>
+
+<p>첫 번째 객체가 거짓 같은 값이라면, 해당 객체를 반환합니다.</p>
+
+<pre class="brush: js notranslate">false &amp;&amp; "dog"
+// ↪ false
+
+0 &amp;&amp; "dog"
+// ↪ 0
+</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("ESDraft", "#sec-toboolean", "<code>ToBoolean</code> abstract operation")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>{{Glossary("Truthy", "참 같은 값")}}</li>
+ <li>{{Glossary("Boolean", "불리언")}}</li>
+</ul>
+
+<p>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</p>
diff --git a/files/ko/glossary/firewall/index.html b/files/ko/glossary/firewall/index.html
new file mode 100644
index 0000000000..827559cc88
--- /dev/null
+++ b/files/ko/glossary/firewall/index.html
@@ -0,0 +1,19 @@
+---
+title: 방화벽
+slug: Glossary/firewall
+tags:
+  - Glossary
+  - Security
+translation_of: Glossary/firewall
+---
+<p><strong>방화벽</strong>은 네트워크 트래픽을 필터링하는 시스템이다. 이것을 통해 트래픽을 특정 규칙에 따라 통과시키거나 차단할 수 있다. 예를 들어 특정한 포트를 겨냥한 수신 연결이나 특정 IP 주소에 대한 송신 연결을 차단할 수 있다.</p>
+
+<p>방화벽은 하나의 소프트웨어처럼 단순할 수도 있고, 방화벽 역할을 하는 유일한 기능을 가진 전용 기계처럼 복잡할 수도 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Firewall (computing)")}} </li>
+</ul>
diff --git a/files/ko/glossary/first-class_function/index.html b/files/ko/glossary/first-class_function/index.html
new file mode 100644
index 0000000000..682e94731c
--- /dev/null
+++ b/files/ko/glossary/first-class_function/index.html
@@ -0,0 +1,105 @@
+---
+title: 일급 함수
+slug: Glossary/First-class_Function
+tags:
+  - 1급객체
+  - 1급함수
+  - CodingScripting
+  - Glossary
+  - JavaScript
+  - 일급객체
+translation_of: Glossary/First-class_Function
+---
+<p>함수를 다른 변수와 동일하게 다루는 언어는 <strong>일급 함수</strong>를 가졌다고 표현합니다. 예를 들어, 일급 함수를 가진 언어에서는 함수를 다른 함수에 매개변수로 제공하거나, 함수가 함수를 반환할 수 있으며, 변수에도 할당할 수 있습니다.</p>
+
+<h2 id="예제_변수에_함수_할당">예제 | 변수에 함수 할당</h2>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js">const foo = function() {
+   console.log("foobar");
+}
+// 변수를 사용해 호출
+foo();
+</pre>
+
+<p>익명함수를 변수에 할당한 다음, 그 변수를 사용하여 끝에 괄호 <code>()</code>를 추가하여 함수를 호출했습니다.</p>
+
+<div class="note">
+<p><strong>함수가 이름을 가지고 있더라도</strong> 할당한 변수 이름을 사용해 함수를 호출할 수 있습니다. 이름을 지정하면 코드를 디버깅할 때 유용합니다. 하지만 호출하는 방식에는 영향을 미치지 않습니다.</p>
+</div>
+
+<h2 id="예제_함수를_인자로_전달">예제 | 함수를 인자로 전달</h2>
+
+<h3 id="JavaScript_2">JavaScript</h3>
+
+<pre class="brush: js">function sayHello() {
+   return "Hello, ";
+}
+function greeting(helloMessage, name) {
+  console.log(helloMessage() + name);
+}
+// `sayHello`를 `greeting` 함수에 인자로 전달
+greeting(sayHello, "JavaScript!");
+</pre>
+
+<p><code>sayHello()</code> 함수를 <code>greeting()</code> 함수의 인자로 전달했습니다. 이것이 함수를 어떻게 변수처럼 다루는지 보여주는 예시입니다.</p>
+
+<div class="note">
+<p>다른 함수에 인자로 전달된 함수를 {{glossary("Callback function", "콜백 함수")}}라고 합니다. <em><code>sayHello</code>는 콜백 함수입니다.</em></p>
+</div>
+
+<h2 id="예제_함수_반환">예제 | 함수 반환</h2>
+
+<h3 id="JavaScript_3">JavaScript</h3>
+
+<pre class="brush: js">function sayHello() {
+   return function() {
+      console.log("Hello!");
+   }
+}
+</pre>
+
+<p>함수가 함수를 반환하는 예제입니다. <em>JavaScript에서는 함수를 변수처럼 취급하기 때문에 함수를 반환할 수 있습니다.</em></p>
+
+<div class="note">
+<p>함수를 반환하는 함수를 <strong>고차 함수</strong>라고 부릅니다.</p>
+</div>
+
+<p>다시 예제로 돌아갑시다. <code>sayHello</code> 함수를 호출했을 때 반환하는 익명함수를 호출하려면 두 가지 방법이 있습니다.</p>
+
+<h3 id="1-_변수_사용">1- 변수 사용</h3>
+
+<pre class="brush: js">const sayHello = function() {
+   return function() {
+      console.log("Hello!");
+   }
+}
+const myFunc = sayHello();
+myFunc();</pre>
+
+<p>이렇게 하면 <code>Hello!</code> 메시지가 출력됩니다.</p>
+
+<div class="note">
+<p>만약에 <code>sayHello</code> 함수를 직접 호출하면, <strong>반환된 함수를 호출하지않고</strong> 함수 자체를 반환합니다. 그러므로 반환된 함수를 다른 변수에 저장하여 사용해야합니다.</p>
+</div>
+
+<h3 id="2-_이중_괄호_사용">2- 이중 괄호 사용</h3>
+
+<pre class="brush: js">function sayHello() {
+   return function() {
+      console.log("Hello!");
+   }
+}
+sayHello()();
+</pre>
+
+<p>이중 괄호 <code>()()</code>를 사용해 반환한 함수도 호출하고 있습니다.</p>
+
+<h2 id="더_배우기">더 배우기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "일급 객체")}}</li>
+</ul>
diff --git a/files/ko/glossary/flex_container/index.html b/files/ko/glossary/flex_container/index.html
new file mode 100644
index 0000000000..8d70d17c82
--- /dev/null
+++ b/files/ko/glossary/flex_container/index.html
@@ -0,0 +1,36 @@
+---
+title: 플렉스 컨테이너
+slug: Glossary/Flex_Container
+tags:
+  - CSS
+  - Glossary
+  - flexbox
+translation_of: Glossary/Flex_Container
+---
+<p>{{glossary("flexbox", "플렉스박스")}} 레이아웃은 부모 요소의 <code>display</code> 속성에 <code>flex</code> 또는 <code>inline-flex</code> 값을 지정해 정의합니다. 이 때, 부모 요소는 <strong>플렉스 컨테이너</strong>, 각각의 자식 요소를 {{glossary("flex item", "플렉스 항목")}}이 됩니다.</p>
+
+<p><code>flex</code> 값은 요소를 블록 레벨 플렉스 컨테이너로 지정하고, <code>inline-flex</code>는 인라인 레벨 플렉스 컨테이너로 지정합니다. 두 값은 요소에 새로운 <strong>플렉스 서식 맥락</strong>을 생성합니다. 플렉스 서식 맥락은 블록 서식 맥락과 유사하여 플로팅 요소가 컨테이너를 침범하지 않으며, 컨테이너의 바깥 여백이 자기 아래 플렉스 항목의 바깥 여백과 상쇄되지 않습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="속성_참고서">속성 참고서</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-content")}}</li>
+ <li>{{cssxref("align-items")}}</li>
+ <li>{{cssxref("flex")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex-flow")}}</li>
+ <li>{{cssxref("flex-wrap")}}</li>
+ <li>{{cssxref("justify-content")}}</li>
+</ul>
+</div>
+
+<h3 id="더_읽어보기">더 읽어보기</h3>
+
+<ul>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li>
+</ul>
diff --git a/files/ko/glossary/flex_item/index.html b/files/ko/glossary/flex_item/index.html
new file mode 100644
index 0000000000..d7ea0c7c4e
--- /dev/null
+++ b/files/ko/glossary/flex_item/index.html
@@ -0,0 +1,34 @@
+---
+title: 플렉스 항목
+slug: Glossary/Flex_Item
+tags:
+  - CSS
+  - Glossary
+  - flexbox
+translation_of: Glossary/Flex_Item
+---
+<p>{{glossary("Flex Container", "플렉스 컨테이너")}}(<code>display: flex</code> 또는 <code>display: inline-flex</code>를 지정한 요소)의 바로 아래 자식은 <strong>플렉스 항목</strong>이 됩니다.</p>
+
+<p>플렉스 컨테이너 내의 텍스트 역시 플렉스 항목입니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="속성_참고서">속성 참고서</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-self")}}</li>
+ <li>{{cssxref("flex-basis")}}</li>
+ <li>{{cssxref("flex-grow")}}</li>
+ <li>{{cssxref("flex-shrink")}}</li>
+ <li>{{cssxref("order")}}</li>
+</ul>
+</div>
+
+<h3 id="더_읽어보기">더 읽어보기</h3>
+
+<ul>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li>
+</ul>
diff --git a/files/ko/glossary/flexbox/index.html b/files/ko/glossary/flexbox/index.html
new file mode 100644
index 0000000000..644393b94e
--- /dev/null
+++ b/files/ko/glossary/flexbox/index.html
@@ -0,0 +1,79 @@
+---
+title: 플렉스박스
+slug: Glossary/Flexbox
+tags:
+  - CSS
+  - Glossary
+  - Intro
+  - flexbox
+translation_of: Glossary/Flexbox
+---
+<p><strong>플렉스박스</strong>(Flexbox)는 요소를 단일 차원(행 또는 열)에 배치하는 레이아웃 모델인 <a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module</a>을 부를 때 흔히 사용하는 이름입니다.</p>
+
+<p>명세는 플렉스박스를 사용자 인터페이스 디자인을 위한 레이아웃 모델로 설명하고 있습니다. 플렉스박스의 주요 기능은 플렉스 레이아웃 내의 각 항목이 커지거나 작아질 수 있다는 점입니다. 여백은 항목에 포함할 수도 있고, 각 항목의 사이에 분배할 수도 있습니다.</p>
+
+<p>또한 플렉스박스는 항목의 {{glossary("main axis", "주축")}} 및 {{glossary("cross axis", "교차축")}} 정렬을 가능케 하여 다수의 항목에 대한 정렬 및 크기의 고수준 통제를 제공합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="속성_참고서">속성 참고서</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("align-content")}}</li>
+ <li>{{cssxref("align-items")}}</li>
+ <li>{{cssxref("align-self")}}</li>
+ <li>{{cssxref("flex")}}</li>
+ <li>{{cssxref("flex-basis")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex-flow")}}</li>
+ <li>{{cssxref("flex-grow")}}</li>
+ <li>{{cssxref("flex-shrink")}}</li>
+ <li>{{cssxref("flex-wrap")}}</li>
+ <li>{{cssxref("justify-content")}}</li>
+ <li>{{cssxref("order")}}</li>
+</ul>
+</div>
+
+<h3 id="더_읽어보기">더 읽어보기</h3>
+
+<ul>
+ <li><em><a href="https://www.w3.org/TR/css-flexbox-1/">CSS Flexible Box Layout Module Level 1 Specification</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods">Relationship of flexbox to other layout methods</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items">Ordering flex items</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items">Mastering wrapping of flex items</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox">Typical use cases of flexbox</a></em></li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">MDN Web Docs 용어 사전</a>
+
+  <ol>
+   <li>{{Glossary("Flex", "플렉스")}}</li>
+   <li>{{Glossary("Flex Container", "플렉스 컨테이너")}}</li>
+   <li>{{Glossary("Flex Item", "플렉스 항목")}}</li>
+   <li>{{Glossary("Grid", "그리드")}}</li>
+  </ol>
+ </li>
+ <li>관련 CSS 속성
+  <ol>
+   <li>{{cssxref("align-content")}}</li>
+   <li>{{cssxref("align-items")}}</li>
+   <li>{{cssxref("align-self")}}</li>
+   <li>{{cssxref("flex")}}</li>
+   <li>{{cssxref("flex-basis")}}</li>
+   <li>{{cssxref("flex-direction")}}</li>
+   <li>{{cssxref("flex-flow")}}</li>
+   <li>{{cssxref("flex-grow")}}</li>
+   <li>{{cssxref("flex-shrink")}}</li>
+   <li>{{cssxref("flex-wrap")}}</li>
+   <li>{{cssxref("justify-content")}}</li>
+   <li>{{cssxref("order")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/fork/index.html b/files/ko/glossary/fork/index.html
new file mode 100644
index 0000000000..8ef45cc0f8
--- /dev/null
+++ b/files/ko/glossary/fork/index.html
@@ -0,0 +1,27 @@
+---
+title: Fork
+slug: Glossary/Fork
+translation_of: Glossary/Fork
+---
+<p>포크는 프로젝트에 누군가의 자신의 수정 사항을 추가하기 위한 어떤 시점에 있는 기존 소프트웨어 프로젝트의 사본이다. 기본적으로, 만약 원본 소프트웨어의 라이센스가 허가한다면, 당신은 코드를 복사하여 자신의 추가사항을 가지고 그 코드를 개발할 수 있는데, 이것이 "포크"가 될 것이다.</p>
+
+<p>포크는 종종 무료 오픈소스 소프트웨어 개발에서 볼 수 있다. 이는 Git(또는 GitHub 플랫폼)을 사용한 기여 모델 덕분에 더 많이 사용되는 용어다.</p>
+
+
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Fork_(software_development)","Fork")}} </li>
+ <li><a href="https://help.github.com/articles/fork-a-repo/">How to fork a GitHub repo</a> (fork as in a Git context)</li>
+</ul>
+
+<h3 id="다양한_잘_알려진_포크들">다양한 "잘 알려진" 포크들</h3>
+
+<ul>
+ <li><a href="https://upload.wikimedia.org/wikipedia/commons/1/1b/Linux_Distribution_Timeline.svg">Linux distributions</a></li>
+ <li><a href="https://nodejs.org/en/blog/announcements/foundation-v4-announce/">Node.js and io.js (which have been merged together back)</a></li>
+ <li><a href="https://www.libreoffice.org/about-us/who-are-we/">LibreOffice, a fork of OpenOffice</a></li>
+</ul>
diff --git a/files/ko/glossary/ftp/index.html b/files/ko/glossary/ftp/index.html
new file mode 100644
index 0000000000..88538c38a5
--- /dev/null
+++ b/files/ko/glossary/ftp/index.html
@@ -0,0 +1,17 @@
+---
+title: FTP
+slug: Glossary/FTP
+translation_of: Glossary/FTP
+---
+<p><strong>FTP </strong>(File Transfer Protocol)는 여러 해 동안 인터넷을 통해 한 {{glossary("host", "호스트")}}에서 다른 호스트로 파일을 전송하기 위한 표준  {{glossary("protocol", "프로토콜")}}이었다. 그러나 점차적으로 여러 팀과 호스팅 계정은 FTP를 수용하지 않고 Git와 같은 버전 제어 시스템에 의존하였다. 당신은 여전히 그것이 오래된 호스팅 계정에서 사용되는 것을 발견할 것이지만, FTP는 더 이상 모범 사례로 여겨지지 않는다고 말해도 무방하다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li><a href="/en-US/Learn/Upload_files_to_a_web_server">Beginner's guide to uploading files via FTP</a></li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "File Transfer Protocol", "FTP")}}
+
+ </li>
+</ul>
diff --git a/files/ko/glossary/function/index.html b/files/ko/glossary/function/index.html
new file mode 100644
index 0000000000..ca21270e79
--- /dev/null
+++ b/files/ko/glossary/function/index.html
@@ -0,0 +1,94 @@
+---
+title: 함수
+slug: Glossary/Function
+tags:
+  - 익명함수
+  - 즉시 실행 함수
+  - 함수
+translation_of: Glossary/Function
+---
+<p><strong>함수</strong>는 다른 코드에서 또는 자신에 의해 호출되거나 함수 레퍼런스를 저장한 {{Glossary("variable", "변수")}}에 의해 호출될 수 있는  코드조각이다. 함수가 호출될 때 함수의 입력으로 {{Glossary("Argument", "인수")}} 가 전달되고 함수는 선택적으로 출력값을 반환할 수 있다.  또한 {{glossary("JavaScript")}}에서 함수는 {{glossary("object", "객체")}}가 될 수도 있다.</p>
+
+<p>함수명은 함수 선언문 또는 함수 표현식의 일부로써 선언된 {{Glossary("identifier","식별자")}}이다. 함수 이름의 {{Glossary("scope","범위")}}는 함수 이름의 선언식 또는 표현식인지에 따라 결정된다.</p>
+
+<h3 id="여러_함수_형식들">여러 함수 형식들</h3>
+
+<p><strong>익명 함수</strong>는 함수명이 없는 함수이다. 함수 표현식만 익명 일 수 있으며, 함수 선언식에는 반드시 이름이 있어야한다 :</p>
+
+<pre class="brush: js">// When used as a function expression
+(function () {});
+
+// or using the ECMAScript 2015 arrow notation
+() =&gt; {};</pre>
+
+<p><strong>이름있는 함수</strong>는 함수명을 갖는 함수이다 :</p>
+
+<pre class="brush: js">// Function declaration
+function foo() {};
+
+// Named function expression
+(function bar() {});
+
+// or using the ECMAScript 2015 arrow notation
+const foo = () =&gt; {};</pre>
+
+<p><strong>안쪽 함수</strong>는 다른함수 내부에서 정의된 함수이다(아래 예에서는 square). <strong>바깥 함수</strong>는 함수를 포함하고 있는 함수이다(아래 예에서는 addSquares):</p>
+
+<pre class="brush: js">function addSquares(a,b) {
+   function square(x) {
+      return x * x;
+   }
+   return square(a) + square(b);
+};
+
+//Using ECMAScript 2015 arrow notation
+const addSquares = (a,b) =&gt; {
+   const square = x =&gt; x*x;
+   return square(a) + square(b);
+};</pre>
+
+<p><strong>재귀호출 함수</strong>는 자기 자신을 호출하는 함수이다. {{Glossary("recursion","재귀호출" )}} 참조.</p>
+
+<pre class="brush: js">function loop(x) {
+   if (x &gt;= 10)
+      return;
+   loop(x + 1);
+};
+
+//Using ECMAScript 2015 arrow notation
+const loop = x =&gt; {
+   if (x &gt;= 10)
+      return;
+   loop(x + 1);
+};</pre>
+
+<p><strong>즉시 실행 함수 표현 </strong>(IIFE)은 브라우저 컴파일러에 함수가 로드된 후 직접 호출되는 함수이다.  IIFE를 식별하는 방법은 함수 선언의 끝에 여분의 왼쪽과 오른쪽 괄호를 두는 것이다. 이런 함수표현식의 형식은 많은 장점을 갖고 있지만 여기서는 일일이 설명하지 않는다.</p>
+
+<pre class="brush: js">// Declared functions can't be called immediately this way
+// Error (https://en.wikipedia.org/wiki/Immediately-invoked_function_expression)
+/*
+function foo() {
+    console.log('Hello Foo');
+}();
+*/
+
+// Function expressions, named or anonymous, can be called immediately
+(function foo() {
+    console.log("Hello Foo");
+}());
+
+(function food() {
+    console.log("Hello Food");
+})();
+
+(() =&gt; console.log('hello world'))();</pre>
+
+<p>IIFE에 대해 더 많은 설명이 필요하다면 위키피디아의 다음 페이지를 확인 바란다: <a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">Immediately Invoked Function Expression</a></p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions" title="en-US/docs/Web/JavaScript/Guide/Functions">Functions</a></li>
+</ul>
diff --git a/files/ko/glossary/general_header/index.html b/files/ko/glossary/general_header/index.html
new file mode 100644
index 0000000000..0ad3294bd7
--- /dev/null
+++ b/files/ko/glossary/general_header/index.html
@@ -0,0 +1,11 @@
+---
+title: General 헤더
+slug: Glossary/General_header
+tags:
+  - WebMechanics
+  - 용어
+translation_of: Glossary/General_header
+---
+<p><strong>General 헤더</strong>는 요청 및 응답 메시지 모두에서 사용되지만 컨텐츠 자체에는 적용되지 않는 {{glossary('Header', 'HTTP 헤더')}}입니다. 헤더가 사용되고있는 컨텍스트에따라, general 헤더는 {{glossary("Response header", "response")}} 또는 {{glossary("request header", "request 헤더")}}입니다. 하지만, {{glossary("entity header", "entity 헤더")}}는 아닙니다.</p>
+
+<p>가장 흔한 general 헤더는 {{HTTPHeader('Date')}}, {{HTTPheader("Cache-Control")}} 및 {{HTTPHeader("Connection")}} 입니다.</p>
diff --git a/files/ko/glossary/gif/index.html b/files/ko/glossary/gif/index.html
new file mode 100644
index 0000000000..88b5432f64
--- /dev/null
+++ b/files/ko/glossary/gif/index.html
@@ -0,0 +1,20 @@
+---
+title: GIF
+slug: Glossary/gif
+translation_of: Glossary/gif
+---
+<p>GIF (Graphics Interchange Format)는 무손실 압축을 사용하며 애니메이션에 사용되는 이미지 형식이다. GIF는 픽셀 당 최대 8비트를 사용하며 최대 256가지의 색을 24비트 색 공간에서 사용한다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "GIF")}} </li>
+</ul>
+
+
+
+
+
+<h2 id="sect1"></h2>
diff --git a/files/ko/glossary/global_object/index.html b/files/ko/glossary/global_object/index.html
new file mode 100644
index 0000000000..f976e6b08d
--- /dev/null
+++ b/files/ko/glossary/global_object/index.html
@@ -0,0 +1,70 @@
+---
+title: 전역 객체
+slug: Glossary/Global_object
+tags:
+  - CodingScripting
+  - 용어
+  - 전역 객체
+translation_of: Glossary/Global_object
+---
+<p>전역 객체 {{glossary("object")}} 는 전역 범위 {{glossary("global scope")}} 에 항상 존재하는 객체를 의미합니다.</p>
+
+<p>자바스크립트에는 전역 객체로 선언된 객체들이 항상 존재합니다. 웹브라우저에서 스크립트가 전역 변수를 생성할 때, 그것들은 전역 객체의 멤버로서 생성됩니다. (이것은 {{Glossary("Node.js")}} 에서는 예외입니다.) 전역 객체의 {{Glossary("interface")}} 는 스크립트가 실행되고 있는 곳의 실행 컨텍스트에 의존합니다. 예를 들어:</p>
+
+<ul>
+ <li>웹브라우저에 있는 스크립트가 특별히 백그라운드 작업으로 시작하지 않는 코드들은 그것의 전역 객체로써 {{domxref("Window")}} 를 가집니다. 이것은 Web에 있는 자바스크립트 코드의 상당수가 그렇습니다.</li>
+ <li>{{domxref("Worker")}} 에서 실행하는 코드는 그것의 전역 객체로서 {{domxref("WorkerGlobalScope")}} 를 가집니다.</li>
+ <li>{{Glossary("Node.js")}} 환경에서 실행하는 스크립트들은 <code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code> 로 호출되는 객체를 그것들의 전역 객체로 가집니다.</li>
+</ul>
+
+<h2 id="브라우저_에서의_window_객체">브라우저 에서의 <code>window</code> 객체</h2>
+
+<p><code>window</code> 객체는 브라우저에서 전역 객체입니다. 어느 전역 객체나 함수는  <code>window</code> 객체의 프로퍼티로서 접근될 수 있습니다.</p>
+
+<h3 id="전역_변수_접근">전역 변수 접근</h3>
+
+<pre class="brush: js notranslate">var foo = "foobar";
+foo === window.foo; // Returns: true
+</pre>
+
+<p>전역 객체로 <code>foo</code> 변수를  선언한 뒤, 우리는 <code>foo</code> 변수명을 사용해 전역 객체인 <code>window</code><code>.foo</code> 의 프로퍼티로  <code>window</code> 객체에서 그것의 값에 직접 접근할 수 있습니다.,</p>
+
+<h4 id="설명">설명:</h4>
+
+<p>전역 객체 <code>foo</code> 는 <code>window</code> 객체에 아래와 같이 저장됩니다:</p>
+
+<pre class="brush: js notranslate">foo: "foobar"</pre>
+
+<h3 id="전역_함수_접근">전역 함수 접근</h3>
+
+<pre class="brush: js notranslate">function greeting() {
+   console.log("Hi!");
+}
+
+window.greeting(); // It is the same as the normal invoking: greeting();
+</pre>
+
+<p>위의 예는 <code>window</code> 객체의 프로퍼티로서 어떻게 전역 함수가 저장되는지를 보여주고 있습니다 . 우리가 <code>greeting</code> 을 전역 함수로써 호출하면 내부적으로는 <code>window</code> 객체를 사용해 호출됨을 보여주고 있습니다.</p>
+
+<h4 id="설명_2">설명:</h4>
+
+<p>전역 함수 <code>greeting</code> 은 아래와 같이 <code>window</code> 객체에 저장됩니다:</p>
+
+<pre class="brush: js notranslate">greeting: function greeting() {
+   console.log("Hi!");
+}</pre>
+
+<section class="Quick_links" id="Quick_Links">
+<ul>
+ <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+
+  <ul>
+   <li>{{glossary("global scope")}}</li>
+   <li>{{glossary("object")}}</li>
+  </ul>
+ </li>
+ <li>{{domxref("Window")}}</li>
+ <li>{{domxref("WorkerGlobalScope")}}</li>
+ <li><code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code></li>
+</ul>
+</section>
diff --git a/files/ko/glossary/google_chrome/index.html b/files/ko/glossary/google_chrome/index.html
new file mode 100644
index 0000000000..0203462b15
--- /dev/null
+++ b/files/ko/glossary/google_chrome/index.html
@@ -0,0 +1,33 @@
+---
+title: Google Chrome
+slug: Glossary/Google_Chrome
+translation_of: Glossary/Google_Chrome
+---
+<p>구글 크롬(Google Chrome)은 구글이 개발한 무료 웹 {{glossary("browser","브라우저")}}이다. 이는 <a href="http://www.chromium.org/" rel="external">Chromium</a> 오픈 소스 프로젝트에 기반을 두고 있다 . 몇 가지 주요 차이점은 <a href="https://code.google.com/p/chromium/wiki/ChromiumBrowserVsGoogleChrome">Chromium wiki</a>에 설명되어 있다. 크롬은 {{glossary("Blink")}}라고 불리는 고유한 레이아웃을 지원한다. 크롬의 iOS 버전은 Blink가 아니라 해당 플랫폼의 웹뷰(WebKit)를 사용한다는 점에 유의해야 한다.</p>
+
+<h2 id="더_알아보기" style="line-height: 30px;">더 알아보기</h2>
+
+<h3 id="일반적_지식" style="line-height: 24px;">일반적 지식</h3>
+
+<ul>
+ <li>{{interwiki("wikipedia", "Google Chrome", "Google Chrome")}} on Wikipedia</li>
+</ul>
+
+<h3 id="크롬_사용자들을_위해" style="line-height: 24px;">크롬 사용자들을 위해</h3>
+
+<p>여러분이 일상적인 크롬 사용자라면 다음 중 하나의 링크를 이용해야 한다.</p>
+
+<ul>
+ <li><a href="https://play.google.com/store/apps/details?id=com.android.chrome">Android</a></li>
+ <li><a href="https://itunes.apple.com/us/app/chrome-web-browser-by-google/id535886823?mt=8">IOS</a></li>
+ <li><a href="http://www.google.com/chrome/">Desktop</a></li>
+</ul>
+
+<h3 id="웹_개발자들을_위해">웹 개발자들을 위해</h3>
+
+<p>최신 Chrome 기능을 시도하려면 사전 안정화된 빌드 중 하나를 설치해야 한다. 구글은 업데이트를 자주 하며, 배포된 버전이 안정된 버전과 나란히 실행되도록 설계했다. 새로운 기능에 대해 알아보려면 Chrome 릴리스 블로그를 방문해야 한다.</p>
+
+<ul>
+ <li><a href="https://play.google.com/store/apps/details?id=com.chrome.dev">Chrome Dev for Android</a></li>
+ <li><a href="https://www.google.com/chrome/browser/canary.html">Chrome Canary for desktop</a>. </li>
+</ul>
diff --git a/files/ko/glossary/gpl/index.html b/files/ko/glossary/gpl/index.html
new file mode 100644
index 0000000000..fa51e65924
--- /dev/null
+++ b/files/ko/glossary/gpl/index.html
@@ -0,0 +1,14 @@
+---
+title: GPL
+slug: Glossary/GPL
+translation_of: Glossary/GPL
+---
+<p>(GNU) GPL (General Public License)은 Free Software Foundation에서 배포하는 copyleft 무료 소프트웨어 라이선스이다. GPL 라이선스 프로그램의 사용자들은 동일한 면허에 따라 프로그램을 재분배(수정 또는 변경되지 않음)할 경우, 사용, 소스 코드 읽기, 수정 및 변경사항 재분배할 수 있는 자유가 부여된다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li>GNU licenses의 <a href="http://www.gnu.org/licenses/gpl-faq.html">FAQ</a> </li>
+ <li>Wikipedia의 <a href="http://en.wikipedia.org/wiki/GNU_General_Public_License">GNU GPL</a></li>
+ <li><a href="https://gnu.org/licenses/gpl.html">GPL License</a> 문단</li>
+</ul>
diff --git a/files/ko/glossary/gpu/index.html b/files/ko/glossary/gpu/index.html
new file mode 100644
index 0000000000..96582765c9
--- /dev/null
+++ b/files/ko/glossary/gpu/index.html
@@ -0,0 +1,6 @@
+---
+title: GPU
+slug: Glossary/GPU
+translation_of: Glossary/GPU
+---
+<p>GPU(Graphics Processing Unit)는 CPU(중앙 처리 장치)와 유사한 컴퓨터 부품이다. 이것은 당신의 모니터에 그래픽(2D와 3D 모두)을 그리는 것을 전문으로 한다.</p>
diff --git a/files/ko/glossary/graceful_degradation/index.html b/files/ko/glossary/graceful_degradation/index.html
new file mode 100644
index 0000000000..31303a2431
--- /dev/null
+++ b/files/ko/glossary/graceful_degradation/index.html
@@ -0,0 +1,36 @@
+---
+title: 단계적 기능 축소
+slug: Glossary/Graceful_degradation
+tags:
+  - 단계적 기능 축소
+  - 우아한 낮춤
+translation_of: Glossary/Graceful_degradation
+---
+<p><strong>단계적 기능 축소</strong>는 최신 브라우저에서 동작하는 웹 사이트 / 응용 프로그램 구축에 주력하는 설계 철학이다. 그러나 오래된 브라우저에서는 비록 좋지 않은 경험이라 할 지라도 필수 콘텐츠와 기능을 여전히 제공한다.</p>
+
+<p>자바스크립트 {{Glossary("Polyfill","폴리필")}}을 이용하면 누락한 기능을 구현할 수 있지만 스타일과 레이아웃 같은 특징으로 대체할 수 있다면 CSS 종속 또는 HTML 폴백을 이용하는 편이 좋다. <a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">일반적인 HTML과 CSS 문제 다루기</a>에서 좋은 예제를 찾을 수 있다.</p>
+
+<p>알려지지 않은 다양한 사용자 에이전트가 웹 사이트에 접근할 때 웹 개발자가 최상의 웹 사이트를 개발하도록 집중할 수 있는 유용한 기법이다. {{Glossary("Progressive enhancement", "점진적 향상")}}은 관련이 있지만 다르다. 종종 단계적 기능 축소와 반대인 것처럼 보인다. 실제로 두 접근법은 유효하고 서로를 보완할 수 있다.</p>
+
+<h2 id="더_배우기">더 배우기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Graceful degradation")}} on Wikipedia</li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ul>
+ <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+
+  <ul>
+   <li>{{Glossary("Graceful degradation")}}</li>
+   <li>{{Glossary("Polyfill")}}</li>
+   <li>{{Glossary("Progressive enhancement")}}</li>
+  </ul>
+ </li>
+ <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS">Handling common HTML and CSS problems</a></li>
+ <li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">Implementing feature detection</a></li>
+</ul>
+</section>
diff --git a/files/ko/glossary/head/index.html b/files/ko/glossary/head/index.html
new file mode 100644
index 0000000000..c31630b995
--- /dev/null
+++ b/files/ko/glossary/head/index.html
@@ -0,0 +1,15 @@
+---
+title: Head
+slug: Glossary/Head
+translation_of: Glossary/Head
+---
+<p><strong>Head</strong><strong> </strong>란 {{glossary("HTML")}} 문서의 일부분으로써 해당 문서의 {{glossary("metadata")}} 를 포함하는데, 예를 들면 저자, 설명, 그리고 HTML에 적용될 수 있는 {{glossary("CSS")}} 또는 {{glossary("JavaScript")}} 파일들로 연결되는 것들이 이에 해당될 수 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="HTML_head">HTML head</h3>
+
+<ul>
+ <li>MDN에서의 {{htmlelement("head")}} 요소 참조</li>
+ <li> MDN Learning Area의 <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_HTML_head">The HTML &lt;head&gt;</a> 참고</li>
+</ul>
diff --git a/files/ko/glossary/header/index.html b/files/ko/glossary/header/index.html
new file mode 100644
index 0000000000..30a1051acf
--- /dev/null
+++ b/files/ko/glossary/header/index.html
@@ -0,0 +1,61 @@
+---
+title: 헤더
+slug: Glossary/Header
+tags:
+  - WebMechanics
+  - 용어
+translation_of: Glossary/HTTP_header
+---
+<p><strong>HTTP 헤더</strong>는 부가적인 정보를 전달하는 HTTP 요청 또는 응답 필드로, 메시지나 바디의 의미를 변경하거나 미리 조정합니다. 헤더는 대소문자를 구별하지 않으며, 줄의 처음에서 시작하여 바로 다음에 <code>':'</code>과 헤더에 해당하는 값이 따라옵니다. 값은 다음 CR 또는 메시지의 마지막에서 끝납니다.</p>
+
+<p>더 이상 어떠한 명세에도 포함되어 있지 않지만, 전통적으로, 헤더는 카테고리로 분류됩니다.</p>
+
+<ul>
+ <li>{{Glossary("General header")}}: 요청 및 응답 모두에 적용되지만 최종적으로 바디에 전송되는 것과는 관련이 없는 헤더입니다.</li>
+ <li>{{Glossary("Request header")}}: 페치될 리소스나 클라이언트 자체에 대한 상세 정보를 포함하는 헤더입니다.</li>
+ <li>{{Glossary("Response header")}}: 위치나 서버 자체(이름, 버전, ...)와 같은 응답에 대한 부가적인 정보를 갖는 헤더입니다.</li>
+ <li>{{Glossary("Entity header")}}: 컨텐츠 길이나 MIME 타입과 같은 엔티티의 바디에 대한 상세 정보를 포함하는 헤더입니다.</li>
+</ul>
+
+<p>하나의 헤더를 갖는 기본 요청:</p>
+
+<pre>GET /example.http HTTP/1.1
+Host: example.com
+</pre>
+
+<p>리다이렉트는 필수 헤더를 갖습니다({{HTTPHeader("Location")}}):</p>
+
+<pre>302 Found
+Location: /NewPage.html
+</pre>
+
+<p>대표적인 헤더의 집합:</p>
+
+<pre>304 Not Modified
+Access-Control-Allow-Origin: *
+Age: 2318192
+Cache-Control: public, max-age=315360000
+Connection: keep-alive
+Date: Mon, 18 Jul 2016 16:06:00 GMT
+Server: Apache
+Vary: Accept-Encoding
+Via: 1.1 3dc30c7222755f86e824b93feb8b5b8c.cloudfront.net (CloudFront)
+X-Amz-Cf-Id: TOl0FEm6uI4fgLdrKJx0Vao5hpkKGZULYN2TWD2gAWLtr7vlNjTvZw==
+X-Backend-Server: developer6.webapp.scl3.mozilla.com
+X-Cache: Hit from cloudfront
+X-Cache-Info: cached
+</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>HTTP 명세의 <a href="https://tools.ietf.org/html/rfc7230#section-3.2">headers</a> 구문</li>
+</ul>
+
+<h3 id="기술적_지식">기술적 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/HTTP/Headers">모든 HTTP 헤더의 목록</a></li>
+</ul>
diff --git a/files/ko/glossary/hoisting/index.html b/files/ko/glossary/hoisting/index.html
new file mode 100644
index 0000000000..dfadd7361e
--- /dev/null
+++ b/files/ko/glossary/hoisting/index.html
@@ -0,0 +1,73 @@
+---
+title: Hoisting
+slug: Glossary/Hoisting
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+translation_of: Glossary/Hoisting
+---
+<p>호이스팅(hoisting)은 <a href="http://www.ecma-international.org/ecma-262/6.0/index.html">ECMAScript® 2015 언어 명세</a> 및 그 이전 표준 명세에서 사용된 적이 없는 용어입니다. 호이스팅은 JavaScript에서 실행 콘텍스트(특히 생성 및 실행 단계)가 어떻게 동작하는가에 대한 일반적인 생각으로 여겨집니다. 하지만 호이스팅은 오해로 이어질 수 있습니다.</p>
+
+<p>예를 들어, 호이스팅을 변수 및 함수 선언이 물리적으로 작성한 코드의 상단으로 옮겨지는 것으로 가르치지만, 실제로는 그렇지 않습니다. 변수 및 함수 선언은 <u>컴파일</u> 단계에서 메모리에 저장되지만, 코드에서 입력한 위치와 정확히 일치한 곳에 있습니다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="기술_예제">기술 예제</h3>
+
+<p>JavaScript가 어떤 코드 구분을 실행하기 전에 함수 선언을 메모리에 저장하는 방식의 장점 중 하나는 코드에서 선언하기 전에 함수를 사용할 수 있다는 것입니다. 예를 들어:</p>
+
+<pre class="brush: js">function catName(name) {
+  console.log("My cat's name is " + name);
+}
+
+catName("Tigger");
+/*
+위 코드의 결과는: "My cat's name is Tigger"
+*/</pre>
+
+<p>위 코드 스니펫은 통상적으로 작동하는 코드를 작성하는 법에 관해 기술합니다. 이제, 함수를 작성하기 전에 함수를 호출하면 어떤 일이 있는지 살펴봅시다:</p>
+
+<pre class="brush: js">catName("Chloe");
+
+function catName(name) {
+  console.log("My cat's name is " + name);
+}
+/*
+위 코드의 결과는: "My cat's name is Chloe"
+*/</pre>
+
+<p>비록 함수를 작성하기 전에 함수를 호출하였지만, 코드는 여전히 동작합니다. 이는 JavaScript에서 컨텍스트 실행이 작동하는 방식 때문입니다.</p>
+
+<p>Hoisting은 다른 데이터 타입 및 변수와도 잘 작동합니다. 변수는 선언하기 전에 초기화하여 사용될 수 있습니다. 그러나 초기화 없이는 사용할 수 없습니다.</p>
+
+<h3 id="기술_예제_2">기술 예제</h3>
+
+<pre class="brush: js">num = 6;
+num + 7;
+var num;
+/* num이 선언되지 않더라도 에러를 내지 않습니다 */
+
+</pre>
+
+<p>JavaScript는 초기화가 아닌 선언만 끌어올립니다(hoist). 만약 변수를 선언한 뒤 나중에 초기화시켜 사용한다면, 그 값은 undefined로 지정됩니다. 아래 두 예제는 같은 동작을 보여줍니다.</p>
+
+<pre class="brush: js">var x = 1; // x 초기화
+console.log(x + " " + y); // '1 undefined'
+var y = 2;
+
+
+// 아래 코드는 이전 코드와 같은 방식으로 동작합니다.
+var x = 1; // Initialize x
+var y; // Declare y
+console.log(x + " " + y); // '1 undefined'
+y = 2; // Initialize y
+</pre>
+
+<h3 id="기술_레퍼런스">기술 레퍼런스</h3>
+
+<ul>
+ <li><a href="https://www.udemy.com/understand-javascript/">JavaScript: Understanding the Weird Parts</a> - Udemy.com 코스</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/var">var statement</a> - MDN</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Statements/function">function statement</a> - MDN</li>
+</ul>
diff --git a/files/ko/glossary/html/index.html b/files/ko/glossary/html/index.html
new file mode 100644
index 0000000000..a4c3ec1e8f
--- /dev/null
+++ b/files/ko/glossary/html/index.html
@@ -0,0 +1,50 @@
+---
+title: HTML
+slug: Glossary/HTML
+tags:
+  - CodingScripting
+  - Glossary
+  - HTML
+  - 'l10n:priority'
+translation_of: Glossary/HTML
+---
+<p>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}<br>
+ <strong>HTML</strong>(Hypertext Markup Language)은 웹페이지의 구조를 지정하는 기술적인 언어입니다.</p>
+
+<h2 id="간략한_역사">간략한 역사</h2>
+
+<p>1990년, 팀 버너스리는 {{glossary("World Wide Web","Web")}}의 비전 중 하나로서 {{glossary("hypertext", "하이퍼텍스트")}}라는 개념을 정의하고, 그 이듬해에 {{glossary("SGML")}}에 기초한 마크업을 통해 구체화했습니다. {{glossary("IETF")}}는 1993년에 HTML을 공식 지정했으며, 1995년 몇 차례 초안을 거쳐 2.0 버전을 발표했습니다. 1994년, 팀 버너스리는 웹의 발전을 위해 {{glossary("W3C")}}를 설립했습니다. W3C는 1996년부터 HTML 작업을 시작하고, 1년 후 HTML 3.2 권고안을 발표했습니다. HTML 4.0은 1999년에 발표됐으며 2000년에 {{glossary("ISO")}} 표준이 됐습니다.</p>
+
+<p>이 때, W3C는 HTML을 버리고 {{glossary("XHTML")}}을 채택하려 했습니다. 이 움직임은, 2004년, {{glossary("WHATWG")}}라는 독립 단체가 만들어지는 계기가 됩니다. WHATWG 덕분에 {{glossary("HTML5")}} 작업이 계속 됐고, 두 단체는 2008년 첫 초안을, 2014년 최종 표준안을 발표합니다.</p>
+
+<h2 id="개념과_문법">개념과 문법</h2>
+
+<p>HTML 문서는 {{glossary("element","요소")}}로 구조화한 일반 텍스트 문서입니다. 요소는 한 쌍의 {{Glossary("tag","태그")}}로 열고 닫으며, 각각의 태그는 부등호(<code>&lt;&gt;</code>)로 감쌉니다. {{htmlelement("img")}}처럼 텍스트를 감싸지 못하는 "빈 태그"도 있습니다.</p>
+
+<p>HTML 태그는 {{Glossary("attribute","특성")}}을 사용해 확장할 수 있고, 브라우저가 요소를 읽어들일 때 추가 정보를 제공합니다.</p>
+
+<p><img alt="Detail of the structure of an HTML element" src="https://mdn.mozillademos.org/files/7659/anatomy-of-an-html-element.png" style="height: 181px; width: 609px;"></p>
+
+<p>HTML은 보통 <code>.htm</code>이나 <code>.html</code> 확장자로 저장해 {{glossary("server", "웹 서버")}}로 제공하며, 아무 {{glossary("browser", "브라우저")}}로 렌더링할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 <a href="https://ko.wikipedia.org/wiki/HTML">HTML</a></li>
+</ul>
+
+<h3 id="HTML_배우기">HTML 배우기</h3>
+
+<ul>
+ <li><a href="http://developer.mozilla.org/ko/Learn/HTML">HTML 자습서</a></li>
+ <li><a href="http://www.codecademy.com/en/tracks/web" rel="external">The web course on codecademy.com</a></li>
+</ul>
+
+<h3 id="기술_참조서">기술 참조서</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/HTML">MDN의 HTML 문서</a></li>
+ <li><a href="http://www.w3.org/TR/html5/" rel="external">HTML 명세</a></li>
+</ul>
diff --git a/files/ko/glossary/http/index.html b/files/ko/glossary/http/index.html
new file mode 100644
index 0000000000..da42fc87be
--- /dev/null
+++ b/files/ko/glossary/http/index.html
@@ -0,0 +1,19 @@
+---
+title: HTTP
+slug: Glossary/HTTP
+translation_of: Glossary/HTTP
+---
+<p>The HyperText Transfer Protocol (<strong>HTTP</strong>) 는 기본적으로 하이퍼미디어 문서를 전송하는 네트워크 {{glossary("프로토콜")}} 입니다. 사람들이 읽을 수 있도록 브라우저와 서버 사이에 존재하죠. 현재 버전의 HTTP 규격은 <a href="/en-US/docs/Glossary/HTTP_2">HTTP/2</a>입니다.</p>
+
+<p>{{glossary("URI")}}의 일부로, "http://" 는 "schema" 라고도 불리며, 일반적으로 주소의 시작 부분에 위치합니다. 일례로 "https://developer.mozilla.org" 라는 주소는 HTTP 프로토콜을 사용하여 문서를 요청하도록 브라우저에 명시한다는 것을 의미합니다. 이 경우 https는 HTTP 프로토콜의 보안 버전인 {{glossary("SSL")}} 를 나타냅니다 (TLS라고도 부르죠).</p>
+
+<p>HTTP 텍스트 기반 (모든 통신은 일반 텍스트로 수행됩니다) 이며 stateless (이전의 통신을 인식하지 않습니다) 입니다. 이 속성은 www 상에서 인간이 문서(웹 사이트) 를 읽는 것을 이상적으로 수행할 수 있도록 합니다. 그뿐만 아니라,  HTTP 는 서버 간 웹 서비스 {{glossary("REST")}} 또는 웹 사이트 내의 요청 {{glossary("AJAX")}} 에 대한 기초로도 사용할 수 있습니다.</p>
+
+<div>
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTTP">HTTP (MDN</a>)</li>
+ <li>{{interwiki("wikipedia", "Hypertext Transfer Protocol", "HTTP")}} (Wikipedia)</li>
+</ul>
+</div>
diff --git a/files/ko/glossary/http_2/index.html b/files/ko/glossary/http_2/index.html
new file mode 100644
index 0000000000..e873bd11c2
--- /dev/null
+++ b/files/ko/glossary/http_2/index.html
@@ -0,0 +1,25 @@
+---
+title: HTTP/2
+slug: Glossary/HTTP_2
+translation_of: Glossary/HTTP_2
+---
+<p><span class="seoSummary"><strong>HTTP/2 </strong>는 <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP">HTTP 네트워크 프로토콜</a>의 메인 개정판입니다</span>. HTTP/2의 주요 목표는  "지연 시간"을 감소시키는 것입니다. 전체 요청과 응답 멀티플렉싱을 가능하게 하여 HTTP 헤더 필드를 효율적으로 압축함으로써 프로토콜 오버헤드를 최소화하고, 요청에 대한 우선 순위를 결정하며 서버 푸시 지원을 추가하는 과정을 통해서요.</p>
+
+<p>HTTP/2는 HTTP의 어플리케이션 의미를 수정하지 않습니다. HTTP 메소드, 상태 코드, URI, 헤더 필드와 같은 HTTP 1.1의 핵심 개념은 그대로 유지됩니다. 대신, HTTP/2는 전체 프로세스를 관리하는 두 가지 방식, 데이터의 포맷(프레임) 방식과 클라이언트-서버 사이의 전송 방식을 수정하여 새로운 프레임 계층 내에서 어플리케이션 복잡성을 숨깁니다. 그 결과, 기존의 모든 어플리케이션은 수정 과정을 거치지 않고 전달될 수 있습니다. </p>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li>참고
+  <ol>
+   <li><a href="/en-US/docs/Web/HTTP">HTTP (MDN)</a></li>
+   <li>{{interwiki("wikipedia", "HTTP/2", "HTTP/2")}} (Wikipedia)</li>
+  </ol>
+ </li>
+ <li><a href="/en-US/docs/Glossary">용어</a>
+  <ol>
+   <li>{{glossary("HTTP")}}</li>
+   <li>{{glossary("Latency")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/https/index.html b/files/ko/glossary/https/index.html
new file mode 100644
index 0000000000..18a9070ab6
--- /dev/null
+++ b/files/ko/glossary/https/index.html
@@ -0,0 +1,17 @@
+---
+title: HTTPS
+slug: Glossary/https
+tags:
+  - HTTPS
+translation_of: Glossary/https
+---
+<p><strong>HTTPS</strong> (<em>HTTP Secure</em>) 는 {{Glossary("HTTP")}} protocol의 암호화된 버전이다. 이것은 대개 클라이언트와 서버 간의 모든 커뮤니케이션을 암호화 하기 위하여 {{Glossary("SSL")}} 이나 {{Glossary("TLS")}}을 사용한다. 이 커넥션은 클라이언트가 민감한 정보를 서버와 안전하게 주고받도록 해준다. 예를들면 금융 활동 이나 온라인 쇼핑이 있을 수 있다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "HTTPS")}} on Wikipedia</li>
+ <li><a href="https://movingtohttps.com/">Moving to HTTPS community guide</a></li>
+</ul>
diff --git a/files/ko/glossary/idempotent/index.html b/files/ko/glossary/idempotent/index.html
new file mode 100644
index 0000000000..861797d903
--- /dev/null
+++ b/files/ko/glossary/idempotent/index.html
@@ -0,0 +1,49 @@
+---
+title: 멱등성
+slug: Glossary/Idempotent
+tags:
+  - Glossary
+  - WebMechanics
+translation_of: Glossary/Idempotent
+---
+<p>동일한 요청을 한 번 보내는 것과 여러 번 연속으로 보내는 것이 같은 효과를 지니고, 서버의 상태도 동일하게 남을 때, 해당 HTTP 메서드가 <strong>멱등성</strong>을 가졌다고 말합니다. 다른 말로는, 멱등성 메서드에는 통계 기록 등을 제외하면 어떠한 부수 효과(side effect)도 존재해서는 안됩니다. 올바르게 구현한 경우 {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}} 메서드는 멱등성을 가지며, {{HTTPMethod("POST")}} 메서드는 그렇지 않습니다. 모든 {{glossary("safe", "안전한")}} 메서드는 멱등성도 가집니다.</p>
+
+<p>멱등성을 따질 땐 실제 서버의 백엔드 상태만 보면 되며, 각 요청에서 반환하는 응답 코드는 다를 수 있습니다. 첫 번째 {{HTTPMethod("DELETE")}} 요청이 {{HTTPStatus("200")}}을 반환한다면, 그 이후는 아마 {{HTTPStatus("404")}}를 반환할 것입니다. <code>DELETE</code>가 멱등성을 가진다는 것은, REST API에서 개발자는 <code>DELETE</code> 메서드를 사용해 "목록의 마지막 항목 제거" 기능을 구현해서는 안된다는 것입니다.</p>
+
+<p>다만, 서버는 멱등성을 보장하지 않으며, 일부 애플리케이션은 잘못된 구현으로 멱등성 제약을 어길 수도 있습니다.</p>
+
+<p><code>GET /pageX HTTP/1.1</code>는 멱등성을 가집니다. 여러 번 연속해서 호출해도 클라이언트가 받는 응답은 동일합니다.</p>
+
+<pre>GET /pageX HTTP/1.1
+GET /pageX HTTP/1.1
+GET /pageX HTTP/1.1
+GET /pageX HTTP/1.1
+</pre>
+
+<p><code>POST /add_row HTTP/1.1</code>는 멱등성을 갖지 않습니다. 여러 번 호출할 경우, 여러 열을 추가합니다.</p>
+
+<pre>POST /add_row HTTP/1.1
+POST /add_row HTTP/1.1   -&gt; Adds a 2nd row
+POST /add_row HTTP/1.1   -&gt; Adds a 3rd row
+</pre>
+
+<p><code>DELETE /idX/delete HTTP/1.1</code>의 상태 코드는 응답마다 달라질 수 있지만, 그럼에도 멱등성을 가집니다.</p>
+
+<pre>DELETE /idX/delete HTTP/1.1   -&gt; Returns 200 if idX exists
+DELETE /idX/delete HTTP/1.1   -&gt; Returns 404 as it just got deleted
+DELETE /idX/delete HTTP/1.1   -&gt; Returns 404</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="https://tools.ietf.org/html/rfc7231#section-4.2.2">HTTP 명세의 멱등성</a> 정의</li>
+</ul>
+
+<h3 id="기술_지식">기술 지식</h3>
+
+<ul>
+ <li>멱등성 메서드 문서: {{HTTPMethod("GET")}}, {{HTTPMethod("HEAD")}}, {{HTTPMethod("PUT")}}, {{HTTPMethod("DELETE")}}, {{HTTPMethod("OPTIONS")}}, {{HTTPMethod("TRACE")}}</li>
+ <li>비 멱등성 메서드 문서: {{HTTPMethod("POST")}},{{HTTPMethod("PATCH")}}, {{HTTPMethod("CONNECT")}}</li>
+</ul>
diff --git a/files/ko/glossary/iife/index.html b/files/ko/glossary/iife/index.html
new file mode 100644
index 0000000000..c9ccc8be4b
--- /dev/null
+++ b/files/ko/glossary/iife/index.html
@@ -0,0 +1,59 @@
+---
+title: IIFE
+slug: Glossary/IIFE
+tags:
+  - 디자인패턴
+  - 자바스크립트
+  - 즉시실행함수
+translation_of: Glossary/IIFE
+---
+<p><strong>즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)</strong>은 정의되자마자 즉시 실행되는 {{glossary("Javascript")}} {{glossary("Function")}} 를 말한다.</p>
+
+<pre class="brush: js">(function () {
+    statements
+})();</pre>
+
+<p>이는 {{glossary("Self-Executing Anonymous Function")}} 으로 알려진 디자인 패턴이고 크게 두 부분으로 구성된다. 첫 번째는 괄호(<code>()</code>, Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다.</p>
+
+<p>두 번째 부분은 즉시 실행 함수를 생성하는 괄호<code>()</code>이다. 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행한다.</p>
+
+<h2 id="예제">예제</h2>
+
+<p>아래 함수는 즉시 실행되는 함수 표현이다. 표현 내부의 변수는 외부로부터의 접근이 불가능하다.</p>
+
+<pre class="brush: js">(function () {
+    var aName = "Barry";
+})();
+// IIFE 내부에서 정의된 변수는 외부 범위에서 접근이 불가능하다.
+aName // throws "Uncaught ReferenceError: aName is not defined"
+</pre>
+
+<p>IIFE를 변수에 할당하면 IIFE 자체는 저장되지 않고, 함수가 실행된 결과만 저장된다.</p>
+
+<pre class="brush: js">var result = (function () {
+    var name = "Barry";
+    return name;
+})();
+// 즉시 결과를 생성한다.
+result; // "Barry"</pre>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li>더 알아보기
+  <ol>
+   <li><a href="/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions">예제</a>("Function" 섹션의 끝, "Custom objects"의 오른쪽 부분)</li>
+  </ol>
+ </li>
+ <li>Wikipedia 문서
+  <ol>
+   <li>{{interwiki("wikipedia", "Immediately-invoked function expression", "IIFE")}}</li>
+  </ol>
+ </li>
+ <li><a href="/ko/docs/Glossary">용어</a>
+  <ol>
+   <li>{{Glossary("Function")}}</li>
+   <li>{{Glossary("Self-Executing Anonymous Function")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/index.html b/files/ko/glossary/index.html
new file mode 100644
index 0000000000..bf00206eda
--- /dev/null
+++ b/files/ko/glossary/index.html
@@ -0,0 +1,39 @@
+---
+title: 용어 사전
+slug: Glossary
+tags:
+  - Beginner
+  - Definitions
+  - Glossary
+  - Index
+  - Landing
+  - Terminology
+  - 사전
+  - 용어
+translation_of: Glossary
+---
+<p>웹 기술은 문서화 및 코딩에 쓰이는 전문 용어와 약어 목록을 포함합니다. 이 용어 사전은 웹을 성공적으로 이해하고 구축하기 위해 알아야 할 단어와 약자의 정의를 제공합니다.</p>
+
+<h2 id="용어_사전">용어 사전</h2>
+
+<p>{{GlossaryList({"split":"h3", "css":"multiColumnList"})}}</p>
+
+<h2 id="용어_사전에_기여하기">용어 사전에 기여하기</h2>
+
+<p>용어 사전은 끝없이 진행 중인 작업입니다. 여러분은 <a href="/ko/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">새 항목을 작성</a>하거나 기존 항목의 개선을 도울 수 있습니다. 가장 쉬운 시작법은 다음 버튼을 누르거나 아래에 제안된 용어 중 하나를 고르는 겁니다.</p>
+
+<p><strong><a href="/ko/docs/new?parent=4391">용어 사전에 새 항목 추가하기</a></strong></p>
+
+<p>{{GlossaryList({"terms":[], "filter":"notdefined", "css":"multiColumnList"})}}</p>
+
+<p>혹시 용어 사전에 기여하는 법에 관해 더 알고 싶다면, <a href="/ko/docs/MDN/Doc_status/Glossary">용어 사전 문서화 상태 페이지</a>를 확인하세요.</p>
+
+<div class="hidden">
+<h2 id="Subnav">Subnav</h2>
+
+<section id="Quick_Links">
+<ol>
+ <li><strong><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a></strong>{{ListSubpagesForSidebar("/en-us/docs/Glossary", 1)}}</li>
+</ol>
+</section>
+</div>
diff --git a/files/ko/glossary/index/index.html b/files/ko/glossary/index/index.html
new file mode 100644
index 0000000000..f7edc11916
--- /dev/null
+++ b/files/ko/glossary/index/index.html
@@ -0,0 +1,11 @@
+---
+title: Index
+slug: Glossary/Index
+tags:
+  - Glossary
+  - Index
+  - MDN Meta
+  - Navigation
+translation_of: Glossary/Index
+---
+<p>{{Index("/ko/docs/Glossary")}}</p>
diff --git a/files/ko/glossary/internet/index.html b/files/ko/glossary/internet/index.html
new file mode 100644
index 0000000000..9eb58f6a0a
--- /dev/null
+++ b/files/ko/glossary/internet/index.html
@@ -0,0 +1,16 @@
+---
+title: Internet
+slug: Glossary/Internet
+translation_of: Glossary/Internet
+---
+<p>The Internet is a worldwide network of networks that uses the Internet protocol suite (also named {{glossary("TCP")}}/{{glossary("IPv6","IP")}} from its two most important {{glossary("protocol","protocols")}}).</p>
+
+<p>인터넷은 인터넷 프로토콜 제품군(두 가지 가장 중요한 프로토콜에서 이름을 딴  {{glossary("TCP")}} // {{glossary("IPv6","IP")}}라고도 함)을 사용하는 세계적인 네트워크이다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="이것에_대해_알아보기">이것에 대해 알아보기</h3>
+
+<ul>
+ <li><a href="/en-US/Learn/How_the_Internet_works">How the Internet works</a> (introduction for beginners)</li>
+</ul>
diff --git a/files/ko/glossary/ip_address/index.html b/files/ko/glossary/ip_address/index.html
new file mode 100644
index 0000000000..01995fbae3
--- /dev/null
+++ b/files/ko/glossary/ip_address/index.html
@@ -0,0 +1,16 @@
+---
+title: IP Address
+slug: Glossary/IP_Address
+translation_of: Glossary/IP_Address
+---
+<p>IP 주소는 인터넷 프로토콜을 사용하는 네트워크에 연결된 모든 장치에 할당된 번호다.</p>
+
+<p>"IP address"는 IPv6이 보다 광범위하게 배포될 때까지 여전히 32비트 IPv4 주소를 가리킨다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "IP address", "IP address")}} </li>
+</ul>
diff --git a/files/ko/glossary/ipv4/index.html b/files/ko/glossary/ipv4/index.html
new file mode 100644
index 0000000000..9e5fe690fd
--- /dev/null
+++ b/files/ko/glossary/ipv4/index.html
@@ -0,0 +1,14 @@
+---
+title: IPv4
+slug: Glossary/IPv4
+translation_of: Glossary/IPv4
+---
+<p>IPv4는 {{glossary("Internet", "인터넷")}}기반 통신 {{Glossary("protocol", "프로토콜")}}의 네 번째 버전이며, 널리 보급된 첫 번째 버전이다.</p>
+
+<p>1981년에 처음 공식화된 IPv4는 ARPAnet의 초기 개발 작업에 그 뿌리를 두고 있다. IPv4는 패킷 교환 링크 계층 네트워크(ethernet)에서 사용되는 무연결 프로토콜이다. {{glossary("IPv6")}}은 IPv4의 보안 문제 및 주소 필드의 제한 때문에 IPv4를 점진적으로 대체하고 있다.(버전 번호 5는 1979년에 실험적인 인터넷 스트림 프로토콜에 할당되었는데, IPv5라고 불린 적은 없다.)</p>
+
+<h2 id="더_알아보기"><strong>더 알아보기</strong></h2>
+
+<h3 id="일반적인_지식"><strong>일반적인 지식</strong></h3>
+
+<p>Wikipedia의 {{interwiki("wikipedia", "IPv4", "IPv4")}} </p>
diff --git a/files/ko/glossary/ipv6/index.html b/files/ko/glossary/ipv6/index.html
new file mode 100644
index 0000000000..2011eee9c1
--- /dev/null
+++ b/files/ko/glossary/ipv6/index.html
@@ -0,0 +1,14 @@
+---
+title: IPv6
+slug: Glossary/IPv6
+translation_of: Glossary/IPv6
+---
+<p id="Summary"><strong>IPv6</strong> 은 {{glossary("Internet", "인터넷")}} 기반 통신 {{glossary("protocol", "프로토콜")}}의 최신 버전이다. IPv6는 많은 다른 {{Glossary("IP address","IP 주소")}}를 허용하기 때문에 천천히 {{Glossary("IPv4")}}를 대체하고 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "IPv6", "IPv6")}}</li>
+</ul>
diff --git a/files/ko/glossary/java/index.html b/files/ko/glossary/java/index.html
new file mode 100644
index 0000000000..efb9f1a3f7
--- /dev/null
+++ b/files/ko/glossary/java/index.html
@@ -0,0 +1,20 @@
+---
+title: Java
+slug: Glossary/Java
+translation_of: Glossary/Java
+---
+<p>Java는 {{glossary("Compile", "컴파일")}}이 되고, {{glossary("OOP", "객체 지향적")}}이며, 휴대성이 높은 {{Glossary("computer programming", "프로그래밍")}} 언어이다.</p>
+
+<p>자바는 정적으로 타이핑되며 C와 유사한 구문을 가지고 있다. 이는 쉽게 사용 가능한 기능이 있는 대형 라이브러리인 Java Software Development Kit와 함께 제공된다.</p>
+
+<p>프로그램은 Java Virtual Machine(JVM) 내에서 실행되는 독점 바이트 코드와 패키지 형식으로 미리 한 번만  {{glossary("Compile", "컴파일")}}된다. JVM은 많은 플랫폼에서 사용할 수 있으며, 이를 통해 Java 프로그램은 다시 컴파일하거나 패키징할 필요 없이 거의 모든 곳에서 실행될 수 있다. 이것은 이질적인 환경을 가진 많은 대기업에서 이 언어를 선호하지만, "무거운" 것으로 인식될 수 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia 의 {{interwiki("wikipedia", "Java (programming language)", "Java")}} </li>
+</ul>
+
+<div>{{QuickLinksWithSubpages("/en-US/docs/Glossary")}}</div>
diff --git a/files/ko/glossary/javascript/index.html b/files/ko/glossary/javascript/index.html
new file mode 100644
index 0000000000..437db258b3
--- /dev/null
+++ b/files/ko/glossary/javascript/index.html
@@ -0,0 +1,43 @@
+---
+title: JavaScript
+slug: Glossary/JavaScript
+tags:
+  - 자바스크립트
+translation_of: Glossary/JavaScript
+---
+<p>JavaScript는 프로그래밍 언어입니다. 대부분의 상황에서는 클라이언트 측에서 웹페이지를 동적으로 다룰때 사용되며,  종종 {{Glossary("Server","서버")}} 측에서 <a href="http://nodejs.org/" rel="external">Node.js</a>와 같은 패키지를 이용하여 사용되기도 합니다.</p>
+
+<p>JavaScript는 Java와 가까운 관련이 없습니다만, <a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_Java">여기</a>에서 비교를 볼 수 있습니다.</p>
+
+<p>1995년 9월 당시 넷스케이프사의 직원이었던 Brendan Eich는 서버 쪽 언어로 JavaScript를 생각해냈습니다. 머지않아 JavaScript는 Netscape Navigator 2.0에 들어왔습니다. JavaScript는 곧 큰 성공을 거두었고, {{glossary("Microsoft Internet Explorer", "Internet Explorer 3.0")}}에 JScript 라는 이름으로 1996년 8월에 도입됩니다.</p>
+
+<p>1996년 11월, 넷스케이프사는 <a href="http://www.ecma-international.org/">ECMA International</a> 협회와 함께 JavaScript를 산업 표준으로 만들기 위한 일을 시작하였습니다. 이때 정립된 ECMAScript는 <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA-262</a> 명세에 의해 설계됬고, JavaScript의 표준이 되었습니다. ECMAScript의 다섯 번째 버전(ECMAScript5)은 현재 모든 주요 브라우저에서 쓰이고 있으며, 여섯 번째 버전(ECMAScript6 혹은 줄여서 es6)은 2015 중반에 완성될 예정입니다.</p>
+
+<p>대부분 JavaScript는 브라우저에서 사용됩니다. 개발자들은 {{Glossary("DOM")}}을 통해서 웹 페이지의 내용을 조종할 수 있으며, {{Glossary("AJAX")}}와 {{Glossary("IndexedDB")}}로 데이터를 다룹니다. {{Glossary("canvas")}}로 그림을 그리기도 하고, 다양한 {{Glossary("API","APIs")}}들을 활용해 브라우저를 실행하는 기기와 상호작용합니다. 브라우저들의 {{Glossary("API","APIs")}} 성능 향상과 성장세를 등에 업고 JavaScript 는 세계에서 가장 많이 쓰이는 언어 중 하나로 자리매김 하였습니다.</p>
+
+<p>최근, JavaScript는 성공적인 플랫폼 <a href="http://nodejs.org/" rel="external">Node.js</a>과 함께 서버로 돌아왔습니다. Node.js는 가장 유명한 브라우저 밖에서의 크로스플랫폼 JavaScript 실행 환경입니다. Node.js를 활용하면 JavaScript를 PC에서 쓰이는 자동화 스크립트 언어로 쓸 수도 있고, 완전히 작동하는 {{Glossary("HTTP")}} 및 {{Glossary("Web Sockets")}} 서버를 만들 수 있습니다.</p>
+
+<h2 id="더_배워보기">더 배워보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="http://en.wikipedia.org/wiki/JavaScript" rel="external">JavaScript on Wikipedia</a></li>
+</ul>
+
+<h3 id="JavaScript_배우기">JavaScript 배우기</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Guide">The JavaScript guide on MDN</a></li>
+ <li><a href="http://nodeschool.io/#workshoppers">The "javascripting" workshop on NodeSchool</a></li>
+ <li><a href="http://www.codecademy.com/tracks/javascript" rel="external">The JavaScript course on codecademy.com</a></li>
+ <li><a href="http://ejohn.org/apps/learn/" rel="external">John Resig's Learning Advanced JavaScript</a></li>
+</ul>
+
+<h3 id="기술적인_레퍼런스">기술적인 레퍼런스</h3>
+
+<ul>
+ <li><a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" rel="external">The latest ECMAScript standard</a></li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference">The JavaScript reference on MDN</a></li>
+ <li><a href="http://eloquentjavascript.net/" rel="external">The <em>Eloquent JavaScript</em> book</a></li>
+</ul>
diff --git a/files/ko/glossary/jquery/index.html b/files/ko/glossary/jquery/index.html
new file mode 100644
index 0000000000..2d07404d9e
--- /dev/null
+++ b/files/ko/glossary/jquery/index.html
@@ -0,0 +1,57 @@
+---
+title: jQuery
+slug: Glossary/jQuery
+tags:
+  - 자바스크립트
+  - 제이쿼리
+translation_of: Glossary/jQuery
+---
+<p><strong>jQuery</strong>는 {{Glossary("DOM")}}조작의 단순화, {{Glossary("AJAX")}}호출, {{Glossary("Event")}}핸들링에 초점을 맞춘 {{Glossary("JavaScript")}} {{Glossary("Library")}}다.  자바스크립트 개발자가 자주 사용한다. </p>
+
+<p>jQuery는 element(s)에 이벤트를 할당하기 위해 <code>$(selector).action()</code> 포맷을 사용합니다. 더 자세히 설명하자면, <code>$(selector)</code>는 <code>selector</code> element(s)를 선택하기 위해서 jQuery를 호출하며, <code>.action()</code> 라 불리는 {{Glossary("API")}}이벤트에 할당합니다.</p>
+
+<pre class="brush: js"><code class="language-js">$(document).ready(function(){
+  alert("Hello World!");
+  $("#blackBox").hide();
+});</code></pre>
+
+<p>위의 코드는 아래의 코드와 같은 역할을 합니다:</p>
+
+<pre class="brush: js"><code class="language-js">window.onload = function() {
+  alert( "Hello World!" );
+  document.getElementById("blackBox").style.display = "none";
+};</code></pre>
+
+<h2 id="jQuery_사용하기.">jQuery 사용하기.</h2>
+
+<table class="standard-table">
+ <thead>
+  <tr>
+   <th scope="col"><strong>npm</strong></th>
+   <th scope="col">bower (solo file)</th>
+   <th scope="col">Google CDN</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td><code>npm install jquery</code></td>
+   <td><code>bower install https://code.jquery.com/jquery-3.2.1.min.js</code></td>
+   <td><code>https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js</code></td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="더보기">더보기</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "jQuery")}} on Wikipedia</li>
+ <li><a href="https://jquery.com/">jQuery Official Website</a></li>
+</ul>
+
+<h3 id="Technical_information">Technical information</h3>
+
+<ul>
+ <li><a href="https://api.jquery.com/">API reference documentation</a><a href="https://api.jquery.com/"> </a></li>
+</ul>
diff --git a/files/ko/glossary/json/index.html b/files/ko/glossary/json/index.html
new file mode 100644
index 0000000000..2fb2dbce69
--- /dev/null
+++ b/files/ko/glossary/json/index.html
@@ -0,0 +1,24 @@
+---
+title: JSON
+slug: Glossary/JSON
+translation_of: Glossary/JSON
+---
+<p><em>JavaScript Object Notation</em> (<strong>JSON</strong>) 은 데이터 교환 형식의 일종입니다.  Although not a strict subset, JSON closely resembles a subset of {{Glossary("JavaScript")}} syntax. Though many programming languages support JSON, JSON is especially useful for JavaScript-based apps, including websites and browser extensions.</p>
+
+<p>JSON can represent numbers, booleans, strings, <code>null</code>, arrays (ordered sequences of values), and objects (string-value mappings) made up of these values (or of other arrays and objects).  JSON does not natively represent more complex data types like functions, regular expressions, dates, and so on.  (Date objects by default serialize to a string containing the date in ISO format, so the information isn't completely lost.) If you need JSON to represent additional data types, transform values as they are serialized or before they are deserialized.</p>
+
+<p>Much like XML, JSON has the ability to store hierarchical data unlike the more traditional CSV format.  Many tools provide translation between these formats such as this online <a href="https://json-csv.com">JSON to CSV Converter</a> or this alternative <a href="https://jsontoexcel.com">JSON to CSV Converter</a>.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{interwiki("wikipedia", "JSON", "JSON")}} on Wikipedia</li>
+</ul>
+
+<h3 id="Technical_reference">Technical reference</h3>
+
+<ul>
+ <li>{{Link("/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON")}} on MDN</li>
+</ul>
diff --git a/files/ko/glossary/main_axis/index.html b/files/ko/glossary/main_axis/index.html
new file mode 100644
index 0000000000..b2790c037b
--- /dev/null
+++ b/files/ko/glossary/main_axis/index.html
@@ -0,0 +1,50 @@
+---
+title: 주축
+slug: Glossary/Main_Axis
+tags:
+  - CSS
+  - Glossary
+  - flexbox
+translation_of: Glossary/Main_Axis
+---
+<p>{{glossary("flexbox", "플렉스박스")}}에서, <strong>주축</strong>이란 {{cssxref("flex-direction")}} 속성이 지정한 방향과 수평한 축입니다. <code>flex-direction</code>은 다음과 같은 네 가지 방향이 가능합니다.</p>
+
+<ul>
+ <li><code>row</code></li>
+ <li><code>row-reverse</code></li>
+ <li><code>column</code></li>
+ <li><code>column-reverse</code></li>
+</ul>
+
+<p><code>row</code> 또는 <code>row-reverse</code>를 선택한 경우, 주축은 행을 따라 인라인 방향으로 진행합니다.</p>
+
+<p><img alt="In this image the flex-direction is row which forms the main axis" src="https://mdn.mozillademos.org/files/15708/Basics1.png" style="display: block; height: 152px; margin: 0px auto; width: 522px;"></p>
+
+<p><code>column</code> 또는 <code>column-reverse</code>인 경우, 주축은 페이지의 위에서 아래, 블록 방향으로 진행합니다.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/15709/Basics2.png" style="display: block; height: 227px; margin: 0px auto; width: 709px;"></p>
+
+<p>아이템의 <code>flex</code> 속성을 통하면, 컨테이너의 사용 가능한 공간을 그 아이템에 더 할당하는 방식으로 주축 방향 크기를 키울 수 있습니다. 아니면 <code>justify-content</code> 속성을 사용해 아이템 사이와 주위 여백을 조절할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="속성_참고서">속성 참고서</h3>
+
+<div class="index">
+<ul>
+ <li>{{cssxref("flex-basis")}}</li>
+ <li>{{cssxref("flex-direction")}}</li>
+ <li>{{cssxref("flex-grow")}}</li>
+ <li>{{cssxref("flex-shrink")}}</li>
+ <li>{{cssxref("justify-content")}}</li>
+ <li>{{cssxref("flex")}}</li>
+</ul>
+</div>
+
+<h3 id="더_읽어보기">더 읽어보기</h3>
+
+<ul>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Basic Concepts of Flexbox</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container">Aligning items in a flex container</a></em></li>
+ <li>CSS Flexbox Guide: <em><a href="/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax">Controlling Ratios of flex items along the main axis</a></em></li>
+</ul>
diff --git a/files/ko/glossary/metadata/index.html b/files/ko/glossary/metadata/index.html
new file mode 100644
index 0000000000..1f5f7272b3
--- /dev/null
+++ b/files/ko/glossary/metadata/index.html
@@ -0,0 +1,25 @@
+---
+title: 메타데이터
+slug: Glossary/Metadata
+tags:
+  - CodingScripting
+  - Glossary
+  - HTML
+  - metadata
+translation_of: Glossary/Metadata
+---
+<p><strong>메타데이터</strong>의 가장 단순한 정의는 데이터를 설명하는 데이터입니다. 예를 들어 {{glossary("HTML")}}은 데이터입니다. 그리고 HTML의 {{htmlelement("head")}} 안에는 문서 작성자나 문서 요약과 같이 문서를 설명하는 데이터, 즉 메타데이터를 넣을 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{interwiki("wikipedia", "메타데이터")}}</li>
+</ul>
+
+<h3 id="HTML_메타데이터">HTML 메타데이터</h3>
+
+<ul>
+ <li>MDN의 {{htmlelement("meta")}} 요소 문서</li>
+</ul>
diff --git a/files/ko/glossary/method/index.html b/files/ko/glossary/method/index.html
new file mode 100644
index 0000000000..d994f9b1ae
--- /dev/null
+++ b/files/ko/glossary/method/index.html
@@ -0,0 +1,40 @@
+---
+title: Method
+slug: Glossary/Method
+translation_of: Glossary/Method
+---
+<p>메소드(<strong>method)</strong>는 {{glossary("object","객체")}}의 {{glossary("property", "속성")}}인 {{glossary("function", "함수")}}이다. 두 가지 종류의 메소드가 있다. 객체 인스턴스에 의해 수행되는 태스크에 내장된 인스턴스 메소드 또는 오브젝트 생성자에서 직접 호출되는 태스크인 <em>{{Glossary("static method", "정적 메소드")}}</em>가 여기에 해당된다.</p>
+
+<div class="note">
+<p><strong>참고:</strong> 자바스크립트 함수에서 그 자체는 객체이므로, 그런 맥락에서 메소드는 실제로 함수에 대한 객체 {{glossary("object reference", "참조")}}인 것이다.</p>
+</div>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="이것에_대해_알아보기">이것에 대해 알아보기</h3>
+
+<ul>
+ <li>Wikipedia의 {{InterWiki("wikipedia","Method (computer programming)")}} </li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">JavaScrip에서 메소드의 정의</a> (comparison of the traditional syntax and the new shorthand)</li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Methods_Index">List of JavaScript built-in methods</a></li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ul>
+ <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+
+  <ul>
+   <li>{{Glossary("function")}}</li>
+   <li>{{Glossary("object")}}</li>
+   <li>{{Glossary("property")}}</li>
+   <li>{{Glossary("static method")}}</li>
+  </ul>
+ </li>
+ <li><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Method_definitions">Defining a method in JavaScript</a></li>
+</ul>
+</section>
diff --git a/files/ko/glossary/microsoft_edge/index.html b/files/ko/glossary/microsoft_edge/index.html
new file mode 100644
index 0000000000..5b5dfedc7a
--- /dev/null
+++ b/files/ko/glossary/microsoft_edge/index.html
@@ -0,0 +1,18 @@
+---
+title: Microsoft Edge
+slug: Glossary/Microsoft_Edge
+tags:
+  - Browser
+  - Glossary
+  - Infrastructure
+  - 마이크로소프트
+  - 엣지
+translation_of: Glossary/Microsoft_Edge
+---
+<p><span class="seoSummary"><strong>Microsoft Edge</strong>는 Microsoft Windows에 포함되어 제공되는 무료 그래픽 {{glossary("world wide web", "웹")}} {{Glossary("browser","브라우저")}}입니다.</span> Microsoft 는 오랜 기간 사용했던 {{glossary("Microsoft Internet Explorer")}}를 대체하기 위해, 2014년부터 초기 코드명 스파르탄, 즉 Edge를 개발했습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li><a href="https://www.microsoft.com/edge">공식 웹 사이트</a></li>
+</ul>
diff --git a/files/ko/glossary/microsoft_internet_explorer/index.html b/files/ko/glossary/microsoft_internet_explorer/index.html
new file mode 100644
index 0000000000..e1c46529bd
--- /dev/null
+++ b/files/ko/glossary/microsoft_internet_explorer/index.html
@@ -0,0 +1,37 @@
+---
+title: Microsoft Internet Explorer
+slug: Glossary/Microsoft_Internet_Explorer
+translation_of: Glossary/Microsoft_Internet_Explorer
+---
+<p>Internet Explorer (또는 IE)는 Microsoft에서 레거시 엔터프라이즈 사용을 위해 유지 관리하는 무료 그래픽 {{glossary ( "browser")}}이다. {{glossary ( "Microsoft Edge")}}는 현재 기본 Windows 브라우저이다.</p>
+
+<p>Microsoft는 1995 년 "Microsoft Plus!"라는 패키지의 일부로 IE를 Windows와 함께 번들로 제공했습니다. 2002 년 무렵, Internet Explorer는 전 세계에서 가장 많이 사용되는 브라우저가되었지만 이후 Chrome, Firefox, Edge 및 Safari에 의해 기반을 잃었습니다.</p>
+
+<p>IE는 많은 릴리즈를 거쳤으며 현재 데스크탑, 모바일 및 Xbox Console 버전을 사용할 수 있는 버전 11.0.12을 출시했다. 마이크로소프트는 2003년과 2001년에 각각 이전에 Mac과 UNIX에서 사용되었던 버전을 중단했다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식" style="line-height: 24px; font-size: 1.71428571428571rem;">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Internet Explorer", "Internet Explorer")}}</li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "History of Internet Explorer", "History of Internet Explorer")}} </li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Internet Explorer versions", "Internet Explorer versions")}} </li>
+</ul>
+
+<h3 id="Internet_Explorer_에_대해_알아보기" style="line-height: 24px; font-size: 1.71428571428571rem;">Internet Explorer 에 대해 알아보기</h3>
+
+<ul>
+ <li><a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">http://windows.microsoft.com/en-us/internet-explorer/download-ie</a></li>
+ <li><a href="http://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9">http://windows.microsoft.com/en-us/windows7/getting-started-with-internet-explorer-9</a></li>
+ <li><a href="http://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help">http://windows.microsoft.com/en-us/internet-explorer/internet-explorer-help</a></li>
+ <li><a href="http://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11">http://windows.microsoft.com/en-us/internet-explorer/make-ie-default-browser#ie=ie-11</a></li>
+</ul>
+
+<h3 id="기술적_참조" style="line-height: 24px; font-size: 1.71428571428571rem;">기술적 참조</h3>
+
+<ul>
+ <li><a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements">http://windows.microsoft.com/en-us/internet-explorer/products/ie-8/system-requirements</a></li>
+ <li><a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements">http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/system-requirements</a></li>
+ <li><a href="http://support.microsoft.com/kb/969393">http://support.microsoft.com/kb/969393</a></li>
+</ul>
diff --git a/files/ko/glossary/mime_type/index.html b/files/ko/glossary/mime_type/index.html
new file mode 100644
index 0000000000..1aca1e359e
--- /dev/null
+++ b/files/ko/glossary/mime_type/index.html
@@ -0,0 +1,27 @@
+---
+title: MIME type
+slug: Glossary/MIME_type
+tags:
+  - WebMechanics
+  - 용어 해설
+translation_of: Glossary/MIME_type
+---
+<p>과거에는 <strong>MIME type</strong>으로 불렸지만 지금은 "media type"으로 사용한다. 때때로는  "content type"이라고도 불리기도 한다. <strong>MIME type</strong>은 파일의 형식을 나타내는 문자열로 파일과 같이 송신되는데 content의 형식을 나타내기 위해 사용한다. 예를 들면 오디오 파일은 audio/ogg로 그림 파일은  image/png로 분류할 수 있다.</p>
+
+<p>윈도우에서 사용하는 파일 확장자와 동일한 역할을 한다. <strong>MIME type</strong>이라는 명칭은 이메일에서 사용된 <a href="/en-US/docs/Glossary/mime">MIME</a> standard에서 유래 됐다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{interwiki("wikipedia", "Internet media type", "Internet media type")}} on Wikipedia</li>
+</ul>
+
+<h3 id="기술적인_참고">기술적인 참고</h3>
+
+<ul>
+ <li><a href="http://www.iana.org/assignments/media-types/media-types.xhtml">MIME type의 종류</a></li>
+ <li><a href="/en-US/docs/Properly_Configuring_Server_MIME_Types">서버 MIME Type을 적절하게 설정하는 방법</a></li>
+ <li>Web context에서 <a href="/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types">MIME Types</a>을 사용하기 위한 자세한 방법</li>
+</ul>
diff --git a/files/ko/glossary/mozilla_firefox/index.html b/files/ko/glossary/mozilla_firefox/index.html
new file mode 100644
index 0000000000..696039c2cf
--- /dev/null
+++ b/files/ko/glossary/mozilla_firefox/index.html
@@ -0,0 +1,29 @@
+---
+title: Mozilla Firefox
+slug: Glossary/Mozilla_Firefox
+tags:
+  - Browser
+  - Firefox
+  - Glossary
+  - Infrastructure
+  - Mozilla
+  - 파이어폭스
+translation_of: Glossary/Mozilla_Firefox
+---
+<p><span class="seoSummary"><strong>Mozilla Firefox</strong>는 Mozilla Corporation에서 개발을 감독하는 무료 오픈 소스 </span><span style="line-height: 1.5;"><span class="seoSummary">{{Glossary("browser","브라우저")}}입니다.</span> Firefox는 Windows, OS X, Linux, Android에서 구동할 수 있습니다.</span></p>
+
+<p><span style="line-height: 1.5;">2004년 11월에 처음 출시된 Firefox는 테마, 플러그인, <a href="/ko/docs/Mozilla/Add-ons">애드온</a> 등의 기능을 통해 사용자에게 철저히 맞출 수 있습니다. Firefox는 {{glossary("Gecko")}}를 사용해 웹 페이지를 렌더링 하고, 현재는 물론 곧 다가올 {{glossary("world wide web", "Web")}} 표준을 구현합니다.</span></p>
+
+<h2 id="더_알아보기"><span style="line-height: 1.5;">더 알아보기</span></h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="https://www.mozilla.org/firefox">공식 웹 사이트</a></li>
+</ul>
+
+<h3 id="기술적_참고서">기술적 참고서</h3>
+
+<ul>
+ <li>MDN <a href="/ko/docs/Mozilla/Firefox">Firefox 개발자 문서</a></li>
+</ul>
diff --git a/files/ko/glossary/mvc/index.html b/files/ko/glossary/mvc/index.html
new file mode 100644
index 0000000000..64b3a40e9d
--- /dev/null
+++ b/files/ko/glossary/mvc/index.html
@@ -0,0 +1,62 @@
+---
+title: MVC
+slug: Glossary/MVC
+tags:
+  - MVC
+  - 개요
+  - 모델 뷰 컨트롤러
+  - 용어
+  - 하부구조
+translation_of: Glossary/MVC
+---
+<p><strong>MVC</strong> (모델-뷰-컨트롤러) 는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴입니다. 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 있습니다. 이러한 "관심사 분리" 는 더나은 업무의 분리와 향상된 관리를 제공합니다. MVC 에 기반을 둔 몇 가지 다른 디자인 패턴으로 MVVM (모델-뷰-뷰모델), MVP (모델-뷰-프리젠터), MVW (모델-뷰-왓에버) 가 있습니다.</p>
+
+<p>MVC 소프트웨어 디자인 패턴의 세 가지 부분은 다음과 같이 설명할 수 있습니다.</p>
+
+<ol>
+ <li>모델: 데이터와 비즈니스 로직을 관리합니다.</li>
+ <li>뷰: 레이아웃과 화면을 처리합니다.</li>
+ <li>컨트롤러: 명령을 모델과 뷰 부분으로 라우팅합니다.</li>
+</ol>
+
+<h2 id="모델_뷰_컨트롤러_예시">모델 뷰 컨트롤러 예시</h2>
+
+<p>간단한 쇼핑 리스트 앱이 있다고 상상해봅시다. 우리가 원하는 것은 이번 주에 사야할 각 항목의 이름, 개수, 가격의 목록입니다. MVC 를 사용해 이 기능의 일부를 구현하는 방법을 아래에서 설명할 것입니다.</p>
+
+<p><img alt="Diagram to show the different parts of the mvc architecture." src="https://mdn.mozillademos.org/files/16042/model-view-controller-light-blue.png" style="height: 1500px; width: 2000px;"></p>
+
+<h3 id="모델">모델</h3>
+
+<p>모델은 앱이 포함해야할 데이터가 무엇인지를 정의합니다. 데이터의 상태가 변경되면 모델을 일반적으로 뷰에게 알리며(따라서 필요한대로 화면을 변경할 수 있습니다) 가끔 컨트롤러에게 알리기도 합니다(업데이트된 뷰를 제거하기 위해 다른 로직이 필요한 경우).</p>
+
+<p>다시 쇼핑 리스트 앱으로 돌아가서, 모델은 리스트 항목이 포함해야 하는 데이터 — 품목, 가격, 등. — 와 이미 존재하는 리스트 항목이 무엇인지를 지정합니다.</p>
+
+<h3 id="뷰">뷰</h3>
+
+<p>뷰는 앱의 데이터를 보여주는 방식을 정의합니다.</p>
+
+<p>쇼핑 리스트 앱에서, 뷰는 항목이 사용자게에 보여지는 방식을 정의하며, 표시할 데이터를 모델로부터 받습니다.</p>
+
+<h3 id="컨트롤러">컨트롤러</h3>
+
+<p>컨트롤러는 앱의 사용자로부터의 입력에 대한 응답으로 모델 및/또는 뷰를 업데이트하는 로직을 포함합니다.</p>
+
+<p>예를 들어보면, 쇼핑 리스트는 항목을 추가하거나 제거할 수 있게 해주는 입력 폼과 버튼을 갖습니다. 이러한 액션들은 모델이 업데이트되는 것이므로 입력이 컨트롤러에게 전송되고, 모델을 적당하게 처리한다음, 업데이트된 데이터를 뷰로 전송합니다.</p>
+
+<p>단순히 데이터를 다른 형태로 나타내기 위해 뷰를 업데이트하고 싶을 수도 있습니다(예를 들면, 항목을 알파벳순서로 정렬한다거나, 가격이 낮은 순서 또는 높은 순서로 정렬). 이런 경우에 컨트롤러는 모델을 업데이트할 필요 없이 바로 처리할 수 있습니다.</p>
+
+<h2 id="웹에서의_MVC">웹에서의 MVC</h2>
+
+<p>웹 개발자로써, 여러분이 이 패턴을 이전에 의식적으로 사용한 적이 없더라도 아마 상당히 친숙할것입니다. 여러분의 데이터 모델은 아마 어떤 종류의 데이터베이스에 포함되어있었을 것입니다(MySQL 과 같은 전통적인 서버 사이드 데이터베이스, 또는 <a href="/ko/docs/Web/API/IndexedDB_API">IndexedDB</a> 같은 클라이언트 사이드 솔루션). 여러분의 앱의 제어 코드는 아마 HTML/JavaScript 로 작성되었을 것이고, 사용자 인터페이스는 HTML/CSS 등 여러분이 선호하는 것들로 작성되었을 것입니다. 이는 MVC 와 아주 유사하게 들리지만, MVC 는 이러한 컴포넌트들이 더 엄격한 패턴을 따르도록합니다.</p>
+
+<p>웹의 초창기에, MVC 구조는 클라이언트가 폼이나 링크를 통해 업데이트를 요청하거나 업데이트된 뷰를 받아 다시 브라우저에 표시하기 위해 대부분 서버 사이드에서 구현되었습니다. 반면, 요즘에는, 클라이언트 사이드 데이터 저장소의 출현과 필요에 따라 페이지의 일부만 업데이트를 허용하는 XMLHttpRequest 를 포함해 더 많은 로직이 클라이언트 사이드에 추가되었습니다.</p>
+
+<p><a href="http://en.wikipedia.org/wiki/AngularJS" title="AngularJS">AngularJS</a> 및 <a href="http://en.wikipedia.org/wiki/Ember.js" title="Ember.js">Ember.js</a> 와 같은 웹 프레임워크들은 약간씩은 방식이 다르지만, 모두 MVC 구조를 구현합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{interwiki("wikipedia", "Model–view–controller")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/node.js/index.html b/files/ko/glossary/node.js/index.html
new file mode 100644
index 0000000000..fef01ca0fc
--- /dev/null
+++ b/files/ko/glossary/node.js/index.html
@@ -0,0 +1,29 @@
+---
+title: Node.js
+slug: Glossary/Node.js
+tags:
+  - Glossary
+  - Infrastructure
+  - JavaScript
+  - node.js
+translation_of: Glossary/Node.js
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>Node.js</strong>는 개발자가 서버 측과 네트워크 응용 프로그램을 만들 수 있도록 지원하는 크로스 플랫폼 {{Glossary("JavaScript")}} 런타임 환경입니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "Node.js")}}</li>
+ <li><a href="https://nodejs.org/">Node.js 웹사이트</a></li>
+</ul>
+
+<h3 id="기술_정보">기술 정보</h3>
+
+<ul>
+ <li><a href="https://nodejs.org/api/">API 참조 문서</a></li>
+ <li><a href="https://nodejs.org/documentation/tutorials/">자습서</a></li>
+</ul>
diff --git a/files/ko/glossary/null/index.html b/files/ko/glossary/null/index.html
new file mode 100644
index 0000000000..bbf1e8f80e
--- /dev/null
+++ b/files/ko/glossary/null/index.html
@@ -0,0 +1,38 @@
+---
+title: 'Null'
+slug: Glossary/Null
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+  - Types
+translation_of: Glossary/Null
+---
+<p>컴퓨터 과학에서 <code>null</code> 값은 일반적으로 존재하지 않거나 유효하지 않은 {{glossary ("object")}} 또는 주소를 의도적으로 가리키는 참조를 나타냅니다. null 참조의 의미는 언어의 구현에 따라 다양하다.</p>
+
+<p><code>null</code>은 동작이 원시적으로 보이기 때문에 {{Glossary ( "Primitive", "primitive values")}} 중 하나로 표시됩니다.</p>
+
+<p>그러나 특정 경우에, <code>null</code> 은 처음 봤던것 만큼 "원시적"이지 않다. 모든 객체는 <code>null</code> 값으로 부터 파생되며 따라서 <code>typeof</code> 연산자는 아래의 코드에서 <code>object</code>를 반환한다.</p>
+
+<pre class="brush: js notranslate">typeof null === 'object' // true</pre>
+
+<section class="Quick_links" id="Quick_Links">
+<ul>
+ <li><strong><a href="/en-US/docs/Glossary">Glossary</a></strong>
+
+  <ul>
+   <li>{{Glossary("JavaScript")}}</li>
+   <li>{{Glossary("string")}}</li>
+   <li>{{Glossary("number")}}</li>
+   <li>{{Glossary("bigint")}}</li>
+   <li>{{Glossary("boolean")}}</li>
+   <li>{{Glossary("null")}}</li>
+   <li>{{Glossary("undefined")}}</li>
+   <li>{{Glossary("symbol")}}</li>
+  </ul>
+ </li>
+ <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types</a></li>
+ <li>The JavaScript global object: {{jsxref("null")}}</li>
+ <li>{{Interwiki("wikipedia", "Null pointer")}} on Wikipedia</li>
+</ul>
+</section>
diff --git a/files/ko/glossary/object/index.html b/files/ko/glossary/object/index.html
new file mode 100644
index 0000000000..61bbe87b83
--- /dev/null
+++ b/files/ko/glossary/object/index.html
@@ -0,0 +1,16 @@
+---
+title: Object
+slug: Glossary/Object
+translation_of: Glossary/Object
+---
+<p><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">객체</a>는 데이터 및 데이터 작업에 대한 지침을 포함하는 데이터 구조를 말한다. 객체는 때때로 레이싱 게임에서 <code>car</code> 나 <code>map</code> 과 같은 실생활에서의 것들을 지칭할 수 있다. {{glossary("JavaScript")}}, Java, C++, Python, and Ruby 는 {{glossary("OOP","객체 지향적 프로그래밍")}} 언어의 예이다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Object-oriented programming")}} </li>
+ <li>{{jsxref("Object")}} in the <a href="/en-US/docs/Web/JavaScript/Reference">JavaScript reference</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Objects">Object data structures in JavaScript</a></li>
+</ul>
diff --git a/files/ko/glossary/object_reference/index.html b/files/ko/glossary/object_reference/index.html
new file mode 100644
index 0000000000..30e8171992
--- /dev/null
+++ b/files/ko/glossary/object_reference/index.html
@@ -0,0 +1,16 @@
+---
+title: Object reference
+slug: Glossary/Object_reference
+translation_of: Glossary/Object_reference
+---
+<p><strong>{{glossary("object", "객체")}}</strong>와 연결된 문서. 객체 참조는 연결된 객체와 비슷하게 사용될 수 있다.</p>
+
+<p>둘 이상의 속성에 동일한 객체를 할당할 때 객체 참조의 개념이 명확해진다. 할당된 각 <strong>{{glossary("property", "속성")}}</strong>은 객체의 복사본을 보유하는 대신 동일한 객체에 링크되는 객체 참조를 보유하여 객체가 객체를 참조하는 모든 속성을 변경할 때 변경 내용을 반영하도록 한다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적_지식">일반적 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Reference (computer science)")}} </li>
+</ul>
diff --git a/files/ko/glossary/oop/index.html b/files/ko/glossary/oop/index.html
new file mode 100644
index 0000000000..c4e3cf8d19
--- /dev/null
+++ b/files/ko/glossary/oop/index.html
@@ -0,0 +1,17 @@
+---
+title: OOP
+slug: Glossary/OOP
+translation_of: Glossary/OOP
+---
+<p><strong>OOP </strong>(객체 지향적 프로그래밍) 는 데이터가 <strong>{{glossary("object","객체")}}</strong> 내에 캡슐화되고 구성 요소 부분이 아닌 객체 자체가 운용되는 프로그래밍 방식이다</p>
+
+<p>{{glossary("JavaScript")}} 는 매우 객체 지향적인 언어이다. JavaScript는  <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Details_of_the_Object_Model#Class-based_vs._prototype-based_languages">클래스 기반의 것과는 대조적으로</a> <strong>프로토타입 </strong>기반의 모델을 따른다 .</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia 의 {{Interwiki("wikipedia", "Object-oriented programming")}} </li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript">Introduction to object-oriented JavaScript</a></li>
+</ul>
diff --git a/files/ko/glossary/operator/index.html b/files/ko/glossary/operator/index.html
new file mode 100644
index 0000000000..edd79cef9b
--- /dev/null
+++ b/files/ko/glossary/operator/index.html
@@ -0,0 +1,20 @@
+---
+title: Operator
+slug: Glossary/Operator
+translation_of: Glossary/Operator
+---
+<p>연산자는 문장 부호 또는 내장 기능을 수행하는 영어 또는 숫자로 구성된 예약된 <strong>구문</strong>이다. 예를 들어, JavaScript에서 추가 연산자("+")는 숫자를 추가하고 문자열을 연결하며, "not" 연산자("!")는 식을 부정한다 (예를 들어 참 문을 거짓으로 되돌리도록 만든다.).</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Operator (computer programming)")}} </li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators">JavaScript operators</a></li>
+</ul>
diff --git a/files/ko/glossary/origin/index.html b/files/ko/glossary/origin/index.html
new file mode 100644
index 0000000000..4751422e12
--- /dev/null
+++ b/files/ko/glossary/origin/index.html
@@ -0,0 +1,81 @@
+---
+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>
diff --git a/files/ko/glossary/pdf/index.html b/files/ko/glossary/pdf/index.html
new file mode 100644
index 0000000000..770ca451e2
--- /dev/null
+++ b/files/ko/glossary/pdf/index.html
@@ -0,0 +1,14 @@
+---
+title: PDF
+slug: Glossary/PDF
+translation_of: Glossary/PDF
+---
+<p><strong>PDF</strong> (Portable Document Format)는 특정 소프트웨어 구현, 하드웨어 플랫폼 또는 운영 체제에 의존하지 않고 문서를 공유하는 데 사용되는 파일 형식이다. PDF는 인쇄된 문서의 디지털 이미지를 제공하며 인쇄될 때 동일한 형태를 유지한다.</p>
+
+<h2 id="더_알아보기"><strong>더 알아보기</strong></h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Portable Document Format", "PDF")}} </li>
+</ul>
diff --git a/files/ko/glossary/php/index.html b/files/ko/glossary/php/index.html
new file mode 100644
index 0000000000..3be68177aa
--- /dev/null
+++ b/files/ko/glossary/php/index.html
@@ -0,0 +1,19 @@
+---
+title: PHP
+slug: Glossary/PHP
+tags:
+  - CodingScripting
+  - Glossary
+  - Infrastructure
+  - PHP
+translation_of: Glossary/PHP
+---
+<p><strong>PHP</strong>(PHP: Hypertext Preprocessor)는 웹 응용 프로그램과 동적 웹 사이트를 구축하는 데 사용되는 오픈 소스 서버 측 스크립팅 언어입니다. 원래는 동적 웹 페이지를 만들기 위해 설계되었으며 이를 구현하기 위해 PHP로 작성된 코드를 HTML 소스 문서 안에 넣으면 PHP 처리 기능이 있는 웹 서버에서 해당 코드를 인식하여 작성자가 원하는 웹 페이지를 생성한다. 근래에는 PHP 코드와 HTML을 별도 파일로 분리하여 작성하는 경우가 일반적이며, PHP 또한 웹서버가 아닌 php-fpm(PHP FastCGI Process Manager)을 통해 실행하는 경우가 늘어나고 있습니다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<ul>
+ <li><a href="http://php.net/">Official website</a></li>
+ <li>{{Interwiki("Wikipedia", "PHP")}} on Wikipedia</li>
+ <li><a href="https://en.wikibooks.org/wiki/PHP_Programming">PHP</a> on Wikibooks</li>
+</ul>
diff --git a/files/ko/glossary/pixel/index.html b/files/ko/glossary/pixel/index.html
new file mode 100644
index 0000000000..e362dc837e
--- /dev/null
+++ b/files/ko/glossary/pixel/index.html
@@ -0,0 +1,16 @@
+---
+title: Pixel
+slug: Glossary/Pixel
+translation_of: Glossary/Pixel
+---
+<p>픽셀(pixel)은 컴퓨터 화면과 같은 그래픽 디스플레이의 가장 작은 구성 단위이다.</p>
+
+<p>디스플레이 해상도는 픽셀 단위로 표시된다. 예를 들어: "800 x 600" 픽셀 해상도는 폭 800 픽셀, 높이 600 픽셀을 표시할 수 있음을 의미한다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li>Wikipedia의 <a href="https://en.wikipedia.org/wiki/Pixel">Pixel </a></li>
+</ul>
diff --git a/files/ko/glossary/png/index.html b/files/ko/glossary/png/index.html
new file mode 100644
index 0000000000..7a261a12a9
--- /dev/null
+++ b/files/ko/glossary/png/index.html
@@ -0,0 +1,14 @@
+---
+title: PNG
+slug: Glossary/PNG
+translation_of: Glossary/PNG
+---
+<p><strong>PNG </strong>(Portable Network Graphics)는 무손실 데이터 압축을 지원하는 그래픽 파일 형식이다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 <a href="https://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG</a></li>
+</ul>
diff --git a/files/ko/glossary/polyfill/index.html b/files/ko/glossary/polyfill/index.html
new file mode 100644
index 0000000000..d1098491cc
--- /dev/null
+++ b/files/ko/glossary/polyfill/index.html
@@ -0,0 +1,22 @@
+---
+title: Polyfill
+slug: Glossary/Polyfill
+translation_of: Glossary/Polyfill
+---
+<p>polyfill은 기본적으로 지원하지 않는 이전 브라우저에서 최신 기능을 제공하는 데 필요한 코드 (일반적으로 웹의 JavaScript)입니다.</p>
+
+
+
+<p>예를 들어, Silverlight 플러그인을 사용하여 Microsoft Internet Explorer 7에서 HTML Canvas 요소의 기능을 모방하거나 CSS rem 단위 또는 {{cssxref("text-shadow")}}를 모방하는 등 필요한 모든 것에 polyfill을 사용할 수 있습니다.</p>
+
+<p>polyfill이 독점적으로 사용되지 않는 이유는 더 나은 기능성과 더 나은 성능을 위해서 입니다. API의 기본 구현은 polyfill보다 더 많은 작업을 수행 할 수 있고 더 빠릅니다. 예를 들어 <a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create#Polyfill">Object.create polyfill</a>에는Object.create 구현에서 가능한 기능 만 포함됩니다.</p>
+
+<p>다른 경우, 폴리 필은 브라우저가 다른 방식으로 동일한 기능을 구현하는 문제를 해결하는 데 사용됩니다. 폴리 필은 특정 브라우저에서 비표준 기능을 사용하여 JavaScript에 기능에 액세스 할 수있는 표준 준수 방법을 제공합니다. 폴리 필링에 대한 이러한 이유는 오늘날 매우 드물지만 각 브라우저가 Javascript를 매우 다르게 구현 한 IE6, Netscape 및 NNav 시대에 특히 널리 퍼졌습니다. <a href="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.js">JQuery의 첫번째 버전</a>은 폴리 필의 초기 예입니다. JavaScript 개발자는 모든 브라우저에서 작동하는 단일 공통 API를 가질 수 있도록 기본적으로 브라우저 별 해결 방법을 편집 한 것입니다. 당시 자바 스크립트 개발자는 웹 사이트가 완전히 다른 방식으로 프로그래밍되어야하고 사용자의 브라우저에 따라 다른 사용자 인터페이스를 가져야하는 브라우저 간 불일치로 인해 모든 장치에서 웹 사이트를 작동 시키려고 노력하고있었습니다. . 따라서 JavaScript 개발자는 모든 브라우저에서 거의 일관되게 작동하는 아주 작은 소수의 JavaScript API에만 액세스 할 수있었습니다. 현대 브라우저는 대부분 표준 시맨틱에 따라 광범위한 API 세트를 구현하기 때문에 폴리 필을 사용하여 브라우저 별 구현을 처리하는 것은 오늘날 실제로 존재하지 않습니다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li><a href="https://remysharp.com/2010/10/08/what-is-a-polyfill">What is a polyfill?</a> (article by Remy Sharp, originator of the term)</li>
+</ul>
diff --git a/files/ko/glossary/preflight_request/index.html b/files/ko/glossary/preflight_request/index.html
new file mode 100644
index 0000000000..94678a9bb3
--- /dev/null
+++ b/files/ko/glossary/preflight_request/index.html
@@ -0,0 +1,34 @@
+---
+title: 사전 요청
+slug: Glossary/Preflight_request
+translation_of: Glossary/Preflight_request
+---
+<p>교차 출처 리소스 공유 사전 요청은 본격적인 교차 출처 HTTP 요청 전에 서버 측에서 그 요청의 메서드와 헤더에 대해 인식하고 있는지를 체크하는 것입니다.</p>
+
+<p>이것은 HTTPHeader("Access-Control-Request-Method"), HTTPHeader("Access-Control-Request-Headers"), HTTPHeader("Origin") 총 3가지의 HTTP request headers를 사용하는 HTTPMethod("OPTIONS") 요청입니다.</p>
+
+<p>사전 요청은 일반적인 상황에서는 브라우저에서 자동으로 발생됩니다. 그러므로 프런트엔드 개발자가 이 요청을 직접 작성할 필요는 없습니다. 또한 프리 플라이트 요청이 필요한 경우에만 나타나므로 단순 요청(simple requests)의 경우에는 사전 요청이 생략됩니다.</p>
+
+<p>예를 들어, 클라이언트는  DELETE 요청을 하기 전에 사전 요청을 통해 서버가 HTTPMethod("DELETE")을 허용하는지 물어볼 수 있습니다.</p>
+
+<pre class="notranslate">OPTIONS /resource/foo
+Access-Control-Request-Method: DELETE
+Access-Control-Request-Headers: origin, x-requested-with
+Origin: https://foo.bar.org</pre>
+
+<p>만약 서버가 그것을 허용한다면, 응답 헤더에 HTTPHeader("Access-Control-Allow-Methods")라고 나타나게 됩니다.</p>
+
+<pre class="notranslate">HTTP/1.1 204 No Content
+Connection: keep-alive
+Access-Control-Allow-Origin: https://foo.bar.org
+Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE
+Access-Control-Max-Age: 86400</pre>
+
+<p>위의 예와 같이, 동일한 URL을 사용하는 요청에 대해서는 <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age">Access-Control-Max-Age</a> 헤더를 이용하여 정해진 기간 내에는 사전 요청에 대한 응답이 선택적으로 이루어질 수 있습니다.</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Glossary/CORS">CORS</a></li>
+ <li>{{HTTPMethod("OPTIONS")}}</li>
+</ul>
diff --git a/files/ko/glossary/primitive/index.html b/files/ko/glossary/primitive/index.html
new file mode 100644
index 0000000000..8f12b18da8
--- /dev/null
+++ b/files/ko/glossary/primitive/index.html
@@ -0,0 +1,125 @@
+---
+title: 원시 값
+slug: Glossary/Primitive
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+translation_of: Glossary/Primitive
+---
+<p>{{Glossary("JavaScript")}}에서 <strong>원시 값</strong>(primitive, 또는 원시 자료형)이란 {{Glossary("object", "객체")}}가 아니면서 {{glossary("method", "메서드")}}도 가지지 않는 데이터입니다. 원시 값에는 6종류, {{Glossary("string")}}, {{Glossary("number")}}, {{glossary("bigint")}}, {{Glossary("boolean")}}, {{Glossary("undefined")}}, {{Glossary("symbol")}}이 존재합니다. 겉보기엔 원시 값처럼 보이는 {{glossary("null")}}도 있지만, 사실 모든 {{jsxref("Object")}}, 모든 구조화된 자료형은 <a href="/ko/docs/Learn/JavaScript/Objects/Inheritance">프로토타입 체인</a>에 따라 null의 자손입니다.</p>
+
+<p>대부분의 경우, 원시 값은 언어 구현체의 가장 저급(low level) 단계에서 나타냅니다.</p>
+
+<p>모든 원시 값은 <strong>불변</strong>하여 변형할 수 없습니다. 원시 값 자체와, 원시값을 할당한 변수를 혼동하지 않는 것이 중요합니다. 변수는 새로운 값을 다시 할당할 수 있지만, 이미 생성한 원시 값은 객체, 배열, 함수와는 달리 변형할 수 없습니다.</p>
+
+<h2 id="예제">예제</h2>
+
+<p>다음 예제는 원시 값이 <strong>불변</strong>함을 이해할 때 도움이 됩니다.</p>
+
+<h3 id="JavaScript">JavaScript</h3>
+
+<pre class="brush: js line-numbers  language-js notranslate" dir="rtl">// 문자열 메서드는 문자열을 변형하지 않음
+var bar = "baz";
+console.log(bar);        // baz
+bar.toUpperCase();
+console.log(bar);        // baz
+
+// 배열 메소드는 배열을 변형함
+var foo = [];
+console.log(foo);        // []
+foo.push("plugh");
+console.log(foo);        // ["plugh"]
+
+// 할당은 원시 값에 새로운 값을 부여 (변형이 아님)
+bar = bar.toUpperCase(); // BAZ
+</pre>
+
+<p>원시 값을 교체할 수는 있지만, 직접 변형할 수는 없습니다.</p>
+
+<h2 id="또_다른_예제_단계별_정리">또 다른 예제 [단계별 정리]</h2>
+
+<p>다음 예제는 JavaScript가 원시값을 다루는 방법을 이해하는데 도움이 됩니다.</p>
+
+<h3 id="JavaScript_2">JavaScript</h3>
+
+<pre class="brush: js line-numbers language-html language-js notranslate">// 원시 값
+let foo = 5;
+
+// 원시 값을 변경해야 하는 함수 정의
+function addTwo(num) {
+   num += 2;
+}
+// 같은 작업을 시도하는 다른 함수
+function addTwo_v2(foo) {
+   foo += 2;
+}
+
+// 원시 값을 인수로 전달해 첫 번째 함수를 호출
+addTwo(foo);
+// 현재 원시 값 반환
+console.log(foo);   // 5
+
+// 두 번째 함수로 다시 시도
+addTwo_v2(foo);
+console.log(foo);   // 5
+</pre>
+
+<p><code>5</code> 대신 <code>7</code> 일 것이라고 예상하였나요? 그렇다면, 이 코드의 실행 과정을 살펴보세요.</p>
+
+<ul>
+ <li><code>addTwo</code> 와 <code>addTwo_v2</code> 함수 호출을 위해, JavaScript는 {{glossary("identifier", "식별자")}} <code>foo</code> 의 값을 찾습니다. 이는 인스턴스화된 첫 번째 구문의 변수를 올바르게 찾습니다.</li>
+ <li>찾은 다음, JavaScript는 인수를 함수의 매개변수로서 전달합니다.</li>
+ <li>함수의 본문 내 구문들을 실행하기 전에, <strong>JavaScript는 원래 전달된 인수(원시 값)를 복사해</strong> 로컬 복사본을 생성합니다. 이러한 복사본은 함수의 스코프 내에서만 존재하며, 함수 정의 내에 지정한 식별자를 통해 접근가능합니다(<code>addTwo</code> 의 <code>num</code>, <code>addTwo_v2</code> 의 <code>foo</code>).</li>
+ <li>그 후, 함수의 구문들이 실행됩니다.
+  <ul>
+   <li>첫 번째 함수내에서, 로컬 <code>num</code> 인수가 생성되었습니다. 이 값을 2 증가시키는 것이며, 원래 <code>foo</code> 의 값이 아닙니다!</li>
+   <li>두 번째 함수내에서, 로컬 <code>foo</code> 인수가 생성되었습니다. 이 값을 2 증가시키는 것이며, 원래(외부) <code>foo</code> 의 값이 아닙니다! 또한, 이 경우에서, 외부 <code>foo</code> 변수에는 <strong>어떤 방법으로든</strong> 접근할 수 없습니다. 이는 자바스크립트의 어휘적 유효 범위(lexical scoping)와 결과 변수 섀도잉 때문입니다. 로컬 <code>foo</code> 는 외부 <code>foo</code> 를 숨깁니다. 자세한 내용은, <a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures">클로저</a> 문서를 보세요.</li>
+  </ul>
+ </li>
+ <li>결과적으로, 우리 함수들 내부의 모든 변경은 그 <strong>복사본</strong>으로 작업하였기 때문에, 원본 <code>foo</code> 에 전혀 영향을 주지 <strong>않았습니다</strong>.</li>
+</ul>
+
+<p>이것이 원시 값이 변하지 않는 이유입니다. 원시 값에 직접 작업하지 않으므로, 원본을 건드리지 않고 복사본 가져와 계속 작업을 합니다.</p>
+
+<h2 id="JavaScript에서의_원시_래퍼_객체">JavaScript에서의 원시 래퍼 객체</h2>
+
+<p><code>null</code>과 <code>undefined</code> 를 제외하고, 모든 원시 값은 원시 값을 래핑한 객체를 갖습니다.</p>
+
+<ul>
+ <li>문자열 원시 값을 위한 {{jsxref("String")}} 객체.</li>
+ <li>숫자 원시 값을 위한 {{jsxref("Number")}} 객체.</li>
+ <li>빅인트 원시 값을 위한 {{jsxref("BigInt")}} 객체.</li>
+ <li>불리언 원시 값을 위한 {{jsxref("Boolean")}} 객체.</li>
+ <li>심볼 원시 값을 위한 {{jsxref("Symbol")}} 객체.</li>
+</ul>
+
+<p>래퍼 객체의 {{jsxref("Object.valueOf", "valueOf()")}} 메서드는 원시 값을 반환합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/JavaScript/Data_structures">JavaScript의 자료형 소개</a></li>
+ <li>위키백과 {{Interwiki("wikipedia", "원시 자료형")}}</li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">용어 사전</a>
+
+  <ol>
+   <li>{{Glossary("JavaScript")}}</li>
+   <li>{{Glossary("string")}}</li>
+   <li>{{Glossary("number")}}</li>
+   <li>{{Glossary("bigint")}}</li>
+   <li>{{Glossary("boolean")}}</li>
+   <li>{{Glossary("null")}}</li>
+   <li>{{Glossary("undefined")}}</li>
+   <li>{{Glossary("symbol")}}</li>
+  </ol>
+ </li>
+ <li><a href="/ko/docs/Web/JavaScript/Data_structures">JavaScript의 자료형</a></li>
+</ol>
+</section>
diff --git a/files/ko/glossary/progressive_enhancement/index.html b/files/ko/glossary/progressive_enhancement/index.html
new file mode 100644
index 0000000000..aff10459e9
--- /dev/null
+++ b/files/ko/glossary/progressive_enhancement/index.html
@@ -0,0 +1,24 @@
+---
+title: 점진적 향상
+slug: Glossary/Progressive_Enhancement
+tags:
+  - 단계적 향상
+  - 점진적 향상
+  - 접근성
+translation_of: Glossary/Progressive_Enhancement
+---
+<p><strong>점진적 향상</strong>은 가능한 많은 사용자에게 필수 콘텐츠와 기능을 제공하기 위한 설계 철학이다. 나아가 필요한 모든 코드를 실행할 수 있는 최신 브라우저 사용자에게 최상의 경험을 제공한다.</p>
+
+<p><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Feature_detection">기능 탐지</a>는 일반적으로 브라우저가 고급 콘텐츠를 다룰 수 있는지 여부를 판단하는데 사용한다. 자바스크립트 <a href="/en-US/docs/Glossary/Polyfill">폴리필</a>과 함께 누락한 기능을 구현하는데 종종 사용한다.</p>
+
+<p>접근성에 대한 특별한 고지가 있어야 한다. 가능하다면 수용할 수 있는 대체 수단을 제공하는 것이 좋다.</p>
+
+<p>알려지지 않은 다양한 사용자 에이전트가 웹 사이트에 접근할 때 웹 개발자가 여러 문제를 저울질하며 최상의 웹 사이트를 개발하도록 집중할 수 있는 유용한 기법이다. {{Glossary("Graceful degradation", "단계적 기능 축소")}}는 관련이 있지만 다르다. 종종 점진적 향상과 반대인 것처럼 보인다. 실제로 두 접근법은 유효하고 서로를 보완할 수 있다.</p>
+
+<h2 id="더_배우기">더 배우기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Progressive enhancement")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/protocol/index.html b/files/ko/glossary/protocol/index.html
new file mode 100644
index 0000000000..4546dd4c2b
--- /dev/null
+++ b/files/ko/glossary/protocol/index.html
@@ -0,0 +1,26 @@
+---
+title: 프로토콜
+slug: Glossary/Protocol
+tags:
+  - Glossary
+  - Infrastructure
+translation_of: Glossary/Protocol
+---
+<p id="Summary"><strong>프로토콜</strong>은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계입니다. 기기 간 통신은 교환되는 데이터의 형식에 대해 상호 합의를 요구합니다. 이런 형식을 정의하는 규칙의 집합을 프로토콜이라고 합니다. </p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "통신 프로토콜")}} </li>
+ <li><a href="http://www.rfc-editor.org/search/standards.php">RFC Official Internet Protocol Standards</a></li>
+</ul>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li><a href="/ko/docs/Glossary/TCP">TCP</a></li>
+ <li><a href="/ko/docs/Web/HTTP/Overview">HTTP 개요</a></li>
+ <li><a href="/ko/docs/Glossary/Packet">패킷</a></li>
+</ul>
diff --git a/files/ko/glossary/prototype-based_programming/index.html b/files/ko/glossary/prototype-based_programming/index.html
new file mode 100644
index 0000000000..a01cd24f14
--- /dev/null
+++ b/files/ko/glossary/prototype-based_programming/index.html
@@ -0,0 +1,19 @@
+---
+title: 프로토타입 기반 프로그래밍
+slug: Glossary/Prototype-based_programming
+tags:
+  - CodingScripting
+  - Glossary
+translation_of: Glossary/Prototype-based_programming
+---
+<p><strong>프로토타입 기반 프로그래밍</strong>은 {{Glossary("OOP", "객체 지향 프로그래밍")}}과 달리 클래스를 명확히 정의하지 않아도 되며, 속성과 메서드를 다른 클래스의 인스턴스나 빈 객체에 추가하는 작업을 덜 수 있는 프로그래밍 스타일 입니다.</p>
+
+<p>간단히 말하면 이 프로그래밍 스타일은 어떤 {{Glossary('Object', '객체')}}를 생성할 때 처음 그 객체의 {{Glossary('Class', '클래스')}}를 정의하지 않는 것을 허용합니다.</p>
+
+<h2 id="더_배우기">더 배우기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "프로토타입_기반_프로그래밍", "프로토타입 기반 프로그래밍")}} on 위키피디아</li>
+</ul>
diff --git a/files/ko/glossary/prototype/index.html b/files/ko/glossary/prototype/index.html
new file mode 100644
index 0000000000..3fd818bfee
--- /dev/null
+++ b/files/ko/glossary/prototype/index.html
@@ -0,0 +1,16 @@
+---
+title: Prototype
+slug: Glossary/Prototype
+translation_of: Glossary/Prototype
+---
+<p>프로토타입은 개발 사이클의 초기 단계에서 제품 혹은 어플리케이션의 외형이나 동작을 보여줄 수 있는 모델을 의미합니다. </p>
+
+<p><a href="/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain">상속과 프로토타입 체인</a>에 대해서도 살펴보세요.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Software Prototyping")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/proxy_server/index.html b/files/ko/glossary/proxy_server/index.html
new file mode 100644
index 0000000000..48a2fa7c00
--- /dev/null
+++ b/files/ko/glossary/proxy_server/index.html
@@ -0,0 +1,20 @@
+---
+title: 프록시 서버
+slug: Glossary/Proxy_server
+translation_of: Glossary/Proxy_server
+---
+<p>프록시 서버란 인터넷 상의 여러 네트워크들에 접속할 때 중계 역할을 해주는 프로그램 또는 컴퓨터를 말한다. 월드 와이드 웹(World Wide Web) 상의 컨텐츠에 쉽게 접근할 수 있도록 도와준다. 프록시는 리퀘스트를 가로챈 뒤(intercepts) 리스폰스를 돌려준다. 이렇게 가로챈 리퀘스트를 전달해줄 수도, 아닐 수도(예시. 캐시인 경우), 수정할 수도 있다(예시. 서로 다른 두 네트워크 간의 경계에서 헤더를 바꾸는 경우)  </p>
+
+<p>프록시는 사용자의 로컬 컴퓨터에 존재할 수도 있고, 인터넷 상에서 사용자의 컴퓨터와 목표 서버 사이 그 어느 곳에든 존재할 수 있다. 일반적으로 크게 주로 2가지 종류의 프록시 서버가 존재한다.</p>
+
+<ul>
+ <li>포워드 프록시(forward proxy)는 인터넷 상에서 어디로든지 리퀘스트를 전송해주는 프록시이다.</li>
+ <li>리버스 프록시(reverse proxy)는 인터넷에서 리퀘스트를 받으면, 내부망 내의 서버로 전송해준다.</li>
+</ul>
+
+<h2 id="Learn_More">Learn More</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling">Proxy servers and tunneling </a></li>
+ <li><a href="https://en.wikipedia.org/wiki/Proxy_server">Proxy server</a> on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/pseudocode/index.html b/files/ko/glossary/pseudocode/index.html
new file mode 100644
index 0000000000..a604a3231e
--- /dev/null
+++ b/files/ko/glossary/pseudocode/index.html
@@ -0,0 +1,14 @@
+---
+title: Pseudocode
+slug: Glossary/Pseudocode
+translation_of: Glossary/Pseudocode
+---
+<p>의사 코드(Pseudocode)는 일반적으로 사람에게 일부 코드 구문의 작동 방식을 나타내거나 코드 아키텍처 항목의 디자인을 설명하는 데 사용되는 코드와 유사한 구문을 나타냅니다. 그것은 아마도 코드로 실행시키려고 하면 작동하지 <strong>않을 것입니다.</strong></p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식"><strong>일반적인 지식</strong></h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Pseudocode", "Pseudocode")}} </li>
+</ul>
diff --git a/files/ko/glossary/python/index.html b/files/ko/glossary/python/index.html
new file mode 100644
index 0000000000..f625034195
--- /dev/null
+++ b/files/ko/glossary/python/index.html
@@ -0,0 +1,22 @@
+---
+title: Python
+slug: Glossary/Python
+translation_of: Glossary/Python
+---
+<p><strong>Python</strong> 은 고도의 범용 프로그래밍 언어다. 그것은 절차적, 객체지향적, 그리고 일부 기능적 프로그래밍 구조를 지원하는 다변수적 접근방식을 사용한다.</p>
+
+<p>1985년에서 1990년 사이에 다른 언어(ABC라고 불리는)의 계승자로 불리는 귀도 반 로섬에 의해 만들어졌으며, 현재는 웹 개발, 데스크톱 애플리케이션, 데이터 과학, DevOps, 자동화/생산성과 같은 다양한 영역에서 사용되고 있다.</p>
+
+<p>Python은 OSI가 승인한 오픈 소스 라이센스로 개발되어 상업적인 용도로도 자유롭게 사용할 수 있고 사용할 수 있다. Python의 라이선스는  <a href="https://www.python.org/psf">Python Software Foundation</a>에 의해 관리된다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li>Wikipedia의 {{interwiki('wikipedia','Python (programming language)','Python')}} </li>
+ <li><a href="https://docs.python.org/3/tutorial/index.html">Official Python docs tutorials</a></li>
+ <li><a href="http://www.tutorialspoint.com/python/index.htm">Tutorialspoint Python tutorial</a></li>
+ <li><a href="https://alphacodingskills.com/python/python-tutorial.php">AlphaCodingSkills Python Tutorial</a></li>
+ <li>
+  <p>MDN의 <a href="/en-US/docs/Learn/Server-side/Django">Django Web Framework (Python)</a> </p>
+ </li>
+</ul>
diff --git a/files/ko/glossary/reflow/index.html b/files/ko/glossary/reflow/index.html
new file mode 100644
index 0000000000..334e7027fc
--- /dev/null
+++ b/files/ko/glossary/reflow/index.html
@@ -0,0 +1,12 @@
+---
+title: Reflow
+slug: Glossary/Reflow
+translation_of: Glossary/Reflow
+---
+<p>대화형 사이트에서 업데이트 한 후와 같이 {{glossary("browser")}}가 웹 페이지의 일부 또는 전부를 다시 처리하고 그려야할 때 <strong>리플로우</strong>가 발생한다.</p>
+
+<h2 id="더_배우기">더 배우기</h2>
+
+<ul>
+ <li><a href="https://developers.google.com/speed/articles/reflow">구글 게시물 "브라우저 리플로우 최소화하기"</a></li>
+</ul>
diff --git a/files/ko/glossary/regular_expression/index.html b/files/ko/glossary/regular_expression/index.html
new file mode 100644
index 0000000000..279785d383
--- /dev/null
+++ b/files/ko/glossary/regular_expression/index.html
@@ -0,0 +1,27 @@
+---
+title: 정규식
+slug: Glossary/Regular_expression
+tags:
+  - 문법
+  - 정규표현식
+translation_of: Glossary/Regular_expression
+---
+<p>정규식(Regular expressions or <em>regex</em>)은 연속적인 문자들을 검색하는 제어방법입니다.</p>
+
+<p>정규식은 다양한 언어에서 구현되지만 펄 스크립트 언어에서 가장 잘 구현되어 있으며, 이는 PCRE (<em>Perl Compatible Regular Expression</em>)라고 불리는 자체 문법 체계를 구현했습니다. 웹상에서, {{glossary("JavaScript")}} 는{{jsxref("RegExp")}}를 통해 또다른 정규 표현식 문법을 제공합니다.</p>
+
+<h2 id="더_보기">더 보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "정규 표현식")}} on Wikipedia</li>
+ <li><a href="http://regexone.com/">Interactive tutorial</a></li>
+ <li><a href="http://regexper.com/">정규 표현식 시각화</a></li>
+</ul>
+
+<h3 id="기술_문서">기술 문서</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/%EC%A0%95%EA%B7%9C%EC%8B%9D">정규식 in JavaScript</a></li>
+</ul>
diff --git a/files/ko/glossary/request_header/index.html b/files/ko/glossary/request_header/index.html
new file mode 100644
index 0000000000..4963c8e43b
--- /dev/null
+++ b/files/ko/glossary/request_header/index.html
@@ -0,0 +1,41 @@
+---
+title: 요청 헤더
+slug: Glossary/Request_header
+translation_of: Glossary/Request_header
+---
+<p><strong>요청 헤더</strong>는 HTTP 요청에서 사용되지만 메시지의 컨텐츠와는 관련이 없는 {{glossary("header", "HTTP 헤더")}}입니다. {{HTTPHeader("Accept")}}, {{HTTPHeader("Accept-Language", "Accept-*")}}, {{HTTPHeader("If-Modified-Since", "If-*")}}와 같은 요청 헤더들은 조건부 요청 수행을 허용합니다. {{HTTPHeader("Cookie")}}, {{HTTPHeader("User-Agent")}}, {{HTTPHeader("Referer")}}와 같은 다른 것들은 컨텍스트를 정확히 나타내어 서버가 응답에 맞출 수 있게합니다.</p>
+
+<p>요청에 나타나는 모든 헤더가 요청 헤더인것은 아닙니다. 예를 들면, {{HTTPMethod("POST")}} 요청에 나타나는 {{HTTPHeader("Content-Length")}}는 실제로 요청 메시지 바디의 크기를 참조하는 {{glossary("entity header")}}입니다. 하지만, 이러한 엔티티 헤더는 종종 컨텍스트와 같은 요청 헤더라 불립니다.</p>
+
+<p>부가적으로, <a href="/ko/docs/Glossary/CORS">CORS</a>는 요청 헤더의 하위 집합을 {{glossary('simple header', 'simple 헤더')}}로 정의하고, 항상 인증된것으로 고려되며 {{glossary("preflight request", "preflight")}} 요청에 대한 응답에 명시적으로 나열되지않는 요청 헤더를 정의합니다.</p>
+
+<p>{{HTTPMethod("GET")}} 요청 이후의 몇 가지 요청 헤더입니다.</p>
+
+<pre>GET /home.html HTTP/1.1
+Host: developer.mozilla.org
+User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
+Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
+Accept-Language: en-US,en;q=0.5
+Accept-Encoding: gzip, deflate, br
+Referer: https://developer.mozilla.org/testpage.html
+Connection: keep-alive
+Upgrade-Insecure-Requests: 1
+If-Modified-Since: Mon, 18 Jul 2016 02:36:04 GMT
+If-None-Match: "c561c68d0ba92bbeb8b0fff2a9199f722e3a621a"
+Cache-Control: max-age=0</pre>
+
+<p>엄밀히 말해서, 이 예시의 {{HTTPHeader("Content-Length")}} 헤더는 다른 것들처럼 요청 헤더가 아니며 {{glossary("entity header")}}입니다.</p>
+
+<pre>POST /myform.html HTTP/1.1
+Host: developer.mozilla.org
+User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:50.0) Gecko/20100101 Firefox/50.0
+Content-Length: 128
+</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술적_지식">기술적 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/HTTP/Headers">모든 HTTP 헤더 목록</a></li>
+</ul>
diff --git a/files/ko/glossary/response_header/index.html b/files/ko/glossary/response_header/index.html
new file mode 100644
index 0000000000..29886082c9
--- /dev/null
+++ b/files/ko/glossary/response_header/index.html
@@ -0,0 +1,39 @@
+---
+title: 응답 헤더
+slug: Glossary/Response_header
+tags:
+  - WebMechanics
+  - 용어
+translation_of: Glossary/Response_header
+---
+<p><strong>응답 헤더</strong>는 HTTP 응답에서 사용될 수 있는 {{glossary("header", "HTTP 헤더")}}이며, 메시지의 컨텐츠와는 관련이 없습니다. {{HTTPHeader("Age")}}, {{HTTPHeader("Location")}} 또는 {{HTTPHeader("Server")}}와 같은 응답 헤더는 더 상세한 응답의 컨텍스트를 제공하기위해 사용됩니다.</p>
+
+<p>응답에 나타나는 모든 헤더가 <em>응답 헤더</em>인것은 아닙니다. 예를 들어, {{HTTPHeader("Content-Length")}} 헤더는 응답 메시지 바디의 크기를 참조하는 {{glossary("entity header")}}입니다. 그러나 이러한 엔티티 요청은 보통 컨텍스트에서 응답 헤더로 불립니다.</p>
+
+<p>다음은 {{HTTPMethod("GET")}} 요청 이후의 몇 가지 응답 헤더를 보여줍니다. 엄밀히 말하면, {{HTTPHeader("Content-Encoding")}}과 {{HTTPHeader("Content-Type")}} 헤더는 {{glossary("entity header")}}임을 유의하세요.</p>
+
+<pre>200 OK
+Access-Control-Allow-Origin: *
+Connection: Keep-Alive
+Content-Encoding: gzip
+Content-Type: text/html; charset=utf-8
+Date: Mon, 18 Jul 2016 16:06:00 GMT
+Etag: "c561c68d0ba92bbeb8b0f612a9199f722e3a621a"
+Keep-Alive: timeout=5, max=997
+Last-Modified: Mon, 18 Jul 2016 02:36:04 GMT
+Server: Apache
+Set-Cookie: mykey=myvalue; expires=Mon, 17-Jul-2017 16:06:00 GMT; Max-Age=31449600; Path=/; secure
+Transfer-Encoding: chunked
+Vary: Cookie, Accept-Encoding
+X-Backend-Server: developer2.webapp.scl3.mozilla.com
+X-Cache-Info: not cacheable; meta data too large
+X-kuma-revision: 1085259
+x-frame-options: DENY</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술적_지식">기술적 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/HTTP/Headers">모든 HTTP 헤더 목록</a></li>
+</ul>
diff --git a/files/ko/glossary/rest/index.html b/files/ko/glossary/rest/index.html
new file mode 100644
index 0000000000..47472e143c
--- /dev/null
+++ b/files/ko/glossary/rest/index.html
@@ -0,0 +1,24 @@
+---
+title: REST
+slug: Glossary/REST
+translation_of: Glossary/REST
+---
+<p><strong>REST(</strong>Representational State Transfer)는 효율적, 안정적이며 확장가능한 분산시스템을 가져올 수 있는소프트웨어 아키텍처 디자인 제약의 모음을 나타냅니다. 그리고 그 제약들을 준수했을 때 그 시스템은 RESTful하다고 일컬어집니다.</p>
+
+<p>REST의 기본 개념은 리소스입니다. 리소스의 예로는 잘 정의된 상태와  관계, 표준화된 작동방식과 형식을 가지고 전송되는 문서를 들 수 있습니다. 종종 타입이나 문서를 수정해야할 때, <a href="https://developer.mozilla.org/en-US/docs/Glossary/API">APIs</a>혹은 그 서비스는  어디에선가 액션을 불러일으키지 않고 스스로 RESTful을 호출합니다.</p>
+
+<p><a href="https://developer.mozilla.org/en-US/docs/Glossary/World_Wide_Web">Web</a> 뒤의 기준 프로토콜인  <a href="https://developer.mozilla.org/en-US/docs/Glossary/HTTP">HTTP</a>은 문서와 하이퍼텍스트 링크 또한 전달하기 때문에, 간단한 HTTP APIs는 꼭 REST 제약을 지킬 필요가 없어도 통상적으로 RESTful APIs, RESTful services, 혹은 simply REST services라고 불립니다. 초보자는 REST API는 표준 웹 라이브러리 및 도구가 사용되는 HTTP서비스라고 가정해도 좋습니다.</p>
+
+<h3 id="REST와_관련된_개념_참고_사이트">REST와 관련된 개념 참고 사이트</h3>
+
+<ul>
+ <li><a href="http://www.restapitutorial.com/">restapitutorial.com</a></li>
+ <li><a href="http://restcookbook.com/">restcookbook.com</a></li>
+</ul>
+
+<h3 id="전반적인_지식">전반적인 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Representational_state_transfer", "REST")}} on Wikipedia</li>
+ <li><a href="https://www.service-architecture.com/articles/web-services/representational_state_transfer_rest.html">REST Architecture</a></li>
+</ul>
diff --git a/files/ko/glossary/self-executing_anonymous_function/index.html b/files/ko/glossary/self-executing_anonymous_function/index.html
new file mode 100644
index 0000000000..f4fac91ac7
--- /dev/null
+++ b/files/ko/glossary/self-executing_anonymous_function/index.html
@@ -0,0 +1,8 @@
+---
+title: Self-Executing Anonymous Function
+slug: Glossary/Self-Executing_Anonymous_Function
+translation_of: Glossary/Self-Executing_Anonymous_Function
+---
+<p>정의되자마자 실행되는 {{glossary("JavaScript")}} {{glossary("function")}}입니다.  (a.k.a. {{glossary("IIFE")}} (즉시실행함수))</p>
+
+<p>링크된 즉시실행함수 페이지에서 더 많은 정보를 얻을 수 있습니다.</p>
diff --git a/files/ko/glossary/semantics/index.html b/files/ko/glossary/semantics/index.html
new file mode 100644
index 0000000000..256defb7d1
--- /dev/null
+++ b/files/ko/glossary/semantics/index.html
@@ -0,0 +1,153 @@
+---
+title: Semantics
+slug: Glossary/Semantics
+tags:
+  - 의미론
+  - 의미론적 요소
+translation_of: Glossary/Semantics
+---
+<p><span class="seoSummary">프로그래밍에서,<strong>시맨틱</strong>은 코드 조각의 <em>의미</em>를 나타냅니다 — 예를 들어 ("이게 어떻게 시각적으로 보여질까?" 보다)"이 Javascript 라인을 실행하는 것은 어떤 효과가 있는가?", 혹은 "이 HTML 엘리먼트가 가진 목적이나 역할은 무엇인가?"</span></p>
+
+<h2 id="JavaScript_시맨틱">JavaScript 시맨틱</h2>
+
+<div class="hidden">
+<p>In JavaScript, consider a function that takes a string parameter, and returns an {{htmlelement("li")}} element with that string as its <code>textContent</code>. Would you need to look at the code to understand what the function did if it was called <code>build('Peach')</code>, or <code>createLiWithContent('Peach')</code>?</p>
+</div>
+
+<p>JavaScript의 경우입니다. <code>textContent</code> 문자열을 매개변수로 하고  {{htmlelement("li")}} 요소를 반환하는 함수를 생각해봅시다. 코드 볼 때, 함수를 <code>build('Peach')</code> 로 부르거나 <code>createLiWithContent('Peach')</code> 부르는 것 중 어느 것이 이 함수의 기능 파악하기에 쉬울까요?</p>
+
+<h2 id="CSS_시맨틱">CSS 시맨틱</h2>
+
+<div class="hidden">
+<p>In CSS, consider styling a list with <code>li</code> elements representing different types of fruits. Would you know what part of the DOM is being selected with <code>div &gt; ul &gt; li</code>, or <code>.fruits__item</code>?</p>
+</div>
+
+<p>CSS의 경우입니다. 다양한 종류의 과일을 나타내기 위해서는 리스트 태그 <code>li</code> 가 있다고 가정해봅시다.   <code>div&gt; ul&gt; li</code>  와 <code>.fruits__item </code>  둘 중 어떤 것이 어떤 DOM부분이 선택되었는지 잘 알려줄까요?</p>
+
+<h2 id="HTML_시맨틱">HTML 시맨틱</h2>
+
+<div class="hidden">
+<p>In HTML, for example, the {{htmlelement("h1")}} element is a semantic element, which gives the text it wraps around the role (or meaning) of "a top level heading on your page."</p>
+</div>
+
+<p>예를 들어 HTML에서는 {{htmlelement("h1")}} 은 시맨틱 요소입니다.  "이 페이지에서 최상위 제목" 인 텍스트를 감싸는 역할(또는 의미)를 나타냅니다.</p>
+
+<pre class="brush: html">&lt;h1&gt;This is a top level heading&lt;/h1&gt;</pre>
+
+<div class="hidden">
+<p>By default, most browser's <a href="/en-US/docs/Web/CSS/Cascade#User-agent_stylesheets">user agent stylesheet</a> will style an {{htmlelement("h1")}} with a large font size to make it <em>look </em>like a heading (although you could style it to look like anything you wanted).</p>
+
+<p>On the other hand, you could make any element <em>look</em> like a top level heading. Consider the following:</p>
+</div>
+
+<p>기본적으로 대부분의 브라우저의 <a href="/en-US/docs/Web/CSS/Cascade#User-agent_stylesheets">사용자 에이전트 스타일시트</a> {{htmlelement("h1")}} 가 제목(heading) 처럼 <em>보이도록</em>  큰사이즈 폰트로 스타일을 만듭니다(당신이 원하는 대로 스타일을 바꿀 수도 있지만요).</p>
+
+<p>반면에 모든 요소를 '최상위 제목'처럼 <em>보이게</em> 할 수 있습니다. 다음을 고려하세요:</p>
+
+<pre class="brush: html">&lt;span style="font-size: 32px; margin: 21px 0;"&gt;Is this a top level heading?&lt;/span&gt;</pre>
+
+<div class="hidden">
+<p>This will render it to look like a top level heading, but it has no semantic value, so it will not get any extra benefits as described above. It is therefore a good idea to use the right HTML element for the right job.</p>
+</div>
+
+<p>이렇게 하면 top level heading 처럼 보이지만 의미적 가치(semantic value)가 없으므로 위에서 설명한 것처럼 추가적인 이점은 얻을 수 없습니다. 따라서 작업에 적합한 HTML 요소를 사용하는 것이 좋습니다.</p>
+
+<div class="hidden">
+<p>HTML should be coded to represent the <em>data</em> that will be populated and not based on its default presentation styling. Presentation (how it should look), is the sole responsibility of <a href="/en-US/docs/Web/CSS">CSS</a>.</p>
+</div>
+
+<p>HTML은 채워질 <em>데이터</em>를 나타내도록 코딩해야합니다.  기본 프리젠테이션 스타일기반이 아니라요. 프레젠테이션(어떻게 보여져야만 하는가)은 <a href="/en-US/docs/Web/CSS">CSS</a>만의 단독 역할입니다.</p>
+
+<div class="hidden">
+<p>Some of the benefits from writing semantic markup are as follows:</p>
+
+<ul>
+ <li>Search engines will consider its contents as important keywords to influence the page's search rankings (see {{glossary("SEO")}})</li>
+ <li>Screen readers can use it as a signpost to help visually impaired users navigate a page</li>
+ <li>Finding blocks of meaningful code is significantly easier than searching though endless <code>div</code>s with or without semantic or namespaced classes</li>
+ <li>Suggests to the developer the type of data that will be populated</li>
+ <li>Semantic naming mirrors proper custom element/component naming</li>
+</ul>
+</div>
+
+<p>의미론적인 마크업을 사용하면 아래와 같은 이점이 있습니다:</p>
+
+<ul>
+ <li>검색 엔진은 의미론적 마크업 을 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주합니다 ({{glossary ( "SEO")}} 참조).</li>
+ <li>시각 장애가 있는 사용자가 화면 판독기로 페이지를 탐색할 때 의미론적 마크업을 푯말로 사용할 수 있습니다.</li>
+ <li>의미없고 클래스 이름이 붙여져있거나 그렇지 않은 끊임없는 <code>div</code> 들을 탐색하는 것보다, 의미있는 코드 블록을 찾는 것이 훨씬 쉽습니다.</li>
+ <li>개발자에게 태그 안에 채워질 데이터 유형을 제안합니다</li>
+ <li>의미있는 이름짓기(Semantic naming)는 적절한 사용자 정의 요소 / 구성 요소의 이름짓기(namimg)를 반영합니다.</li>
+</ul>
+
+<div class="hidden">
+<p>When approaching which markup to use, ask yourself, "What element(s) best describe/represent the data that I'm going to populate?" For example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related information?; does it list out definitions?; is it a figure or image that needs a caption?; should it have a header and a footer in addition to the global site-wide header and footer?; etc</p>
+</div>
+
+<p>사용할 마크업에 접근할 때 스스로에게 물어보세요. "내가 채울 데이터를 가장 잘 설명하고 나타내는 요소는 무엇일까?" 예를 들어, 그 데이터는 정렬된 목록입니까? 정렬되지 않은 목록입니까?, 관련된 정보가 제외된 섹션이 있는 아티클(article)입니까?, 정의의 나열입니까?,  캡션이 필요한 그림 또는 이미지입니까?, 사이트 전체 머리글(header) 및 바닥글(footer) 외에 또 다른 머리글과 바닥글이 있어야합니까? 등등</p>
+
+<ul>
+</ul>
+
+<h2 id="의미론적_요소element들">의미론적 요소(element)들</h2>
+
+<ul>
+</ul>
+
+<div class="hidden">
+<p>These are <em>some</em> of the roughly 100 semantic <a href="/en-US/docs/Web/HTML/Element">elements</a> available:</p>
+</div>
+
+<p>사용가능한 백 여개 정도의 요소(<a href="/en-US/docs/Web/HTML/Element">elements</a>)들이 있습니다.</p>
+
+<ul>
+ <li>{{htmlelement("article")}}</li>
+ <li>{{htmlelement("aside")}}</li>
+ <li>{{htmlelement("details")}}</li>
+ <li>{{htmlelement("figcaption")}}</li>
+ <li>{{htmlelement("figure")}}</li>
+ <li>{{htmlelement("footer")}}</li>
+ <li>{{htmlelement("header")}}</li>
+ <li>{{htmlelement("main")}}</li>
+ <li>{{htmlelement("mark")}}</li>
+ <li>{{htmlelement("nav")}}</li>
+ <li>{{htmlelement("section")}}</li>
+ <li>{{htmlelement("summary")}}</li>
+ <li>{{htmlelement("time")}}</li>
+</ul>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/HTML/Element#Inline_text_semantics">HTML element reference</a> on MDN</li>
+ <li><a href="/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines#Problems_solved_by_HTML5">Using HTML sections and outlines</a> on MDN</li>
+ <li>{{interwiki("wikipedia", "Semantics#Computer_science", "The meaning of semantics in computer science")}} on Wikipedia</li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ul>
+ <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+
+  <ul>
+   <li>{{Glossary("SEO")}}</li>
+  </ul>
+ </li>
+ <li>Some of semantic elements in HTML
+  <ul>
+   <li>{{htmlelement("article")}}</li>
+   <li>{{htmlelement("aside")}}</li>
+   <li>{{htmlelement("details")}}</li>
+   <li>{{htmlelement("figcaption")}}</li>
+   <li>{{htmlelement("figure")}}</li>
+   <li>{{htmlelement("footer")}}</li>
+   <li>{{htmlelement("header")}}</li>
+   <li>{{htmlelement("main")}}</li>
+   <li>{{htmlelement("mark")}}</li>
+   <li>{{htmlelement("nav")}}</li>
+   <li>{{htmlelement("section")}}</li>
+   <li>{{htmlelement("summary")}}</li>
+   <li>{{htmlelement("time")}}</li>
+  </ul>
+ </li>
+</ul>
+</section>
diff --git a/files/ko/glossary/seo/index.html b/files/ko/glossary/seo/index.html
new file mode 100644
index 0000000000..7961e629da
--- /dev/null
+++ b/files/ko/glossary/seo/index.html
@@ -0,0 +1,41 @@
+---
+title: SEO
+slug: Glossary/SEO
+tags:
+  - Glossary
+  - Intro
+  - SEO
+  - Search
+  - WebMechanic
+translation_of: Glossary/SEO
+---
+<p><strong>SEO</strong>(검색 엔진 최적화)는 웹사이트가 검색 결과에 더 잘 보이도록 최적화하는 과정입니다. 검색 랭크 개선이라고도 합니다.</p>
+
+<p>검색 엔진은 웹을 {{Glossary("Crawler", "크롤링")}}하면서 페이지에서 페이지로 링크를 따라가고, 찾은 콘텐츠의 색인을 생성합니다. 검색 결과에 보이는 것은 바로 그 콘텐츠 색인입니다. 크롤러는 일정 규칙을 따르므로, SEO를 진행하며 해당 규칙을 밀접하게 따라가면 웹사이트가 검색 결과의 보다 높은 곳에 노출돼 (전자상거래와 광고라면) 수익으로 연결될 수도 있습니다.</p>
+
+<p>검색 엔진은 일부 SEO 가이드라인을 제공하긴 하지만 대형 검색 엔진의 경우 결과 랭킹은 영업 비밀로 취급합니다. 따라서 SEO는 검색 엔진의 공식 가이드라인에 더해 경험적인 지식, 논문과 특허 등에서 가져온 이론적 지식을 결합한 과정입니다.</p>
+
+<p>SEO는 세 가지 큰 방향으로 나눌 수 있습니다.</p>
+
+<dl>
+ <dt>기술적</dt>
+ <dd>콘텐츠 마크업을 작성할 때 시맨틱 {{Glossary("HTML")}}을 사용하세요. 색인하길 원했던 콘텐츠만 크롤러가 긁어갈 것입니다.</dd>
+ <dt>콘텐츠 작성</dt>
+ <dd>방문자층에 맞는 언어로 콘텐츠를 작성하세요. 이미지와 더불어 텍스트를 사용해, 크롤러가 주제를 이해할 수 있도록 도우세요.</dd>
+ <dt>인기도</dt>
+ <dd>다른 유명한 사이트에서 여러분의 사이트로 링크를 했다면 더 많은 트래픽을 받습니다.</dd>
+</dl>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "검색 엔진 최적화")}} on Wikipedia</li>
+</ul>
+
+<h3 id="SEO_배우기">SEO 배우기</h3>
+
+<ul>
+ <li><a href="https://www.google.com/webmasters/learn/">Google Webmasters 학습 문서</a></li>
+</ul>
diff --git a/files/ko/glossary/server/index.html b/files/ko/glossary/server/index.html
new file mode 100644
index 0000000000..87ec127d89
--- /dev/null
+++ b/files/ko/glossary/server/index.html
@@ -0,0 +1,25 @@
+---
+title: Server
+slug: Glossary/Server
+translation_of: Glossary/Server
+---
+<p>서버는 일반적으로 클라이언트라고 불리는 사용자에게 서비스를 제공하는 소프트웨어 또는 하드웨어이다.  하드웨어 서버는 네트워크의 공유 컴퓨터로서, 대개 강력하고 데이터 센터에 저장된다.  소프트웨어 서버(하드웨어 서버에서 자주 실행됨)는 클라이언트 프로그램에 서비스를 제공하는 프로그램 또는 사용자 클라이언트의 {{glossary("UI","user interface")}}을 말한다.</p>
+
+<p>서비스는 일반적으로 지역 네트워크 또는 인터넷과 같은 광역 네트워크를 통해 제공된다. 클라이언트 프로그램과 서버 프로그램은 전통적으로 {{glossary("API")}}을 사용하여 인코딩된 메시지를 {{glossary("protocol", "프로토콜")}}에 전달하여 연결한다.</p>
+
+<p>예를 들어:</p>
+
+<ul>
+ <li>인터넷에 연결된 웹 서버가 이 페이지를 읽을 수 있도록 브라우저 소프트웨어로 {{glossary("HTML")}}을 보내고 있음.</li>
+ <li>파일, 이름, 메일, 인쇄 및 팩스의 로컬 영역 네트워크 서버</li>
+ <li>데이터 센터의 미니컴퓨터, 메인프레임, 슈퍼컴퓨터</li>
+</ul>
+
+<h2 id="더_알아보기"><strong>더 알아보기</strong></h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/Learn/What_is_a_web_server">서버의 소개</a></li>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Server (computing)")}}</li>
+</ul>
diff --git a/files/ko/glossary/shim/index.html b/files/ko/glossary/shim/index.html
new file mode 100644
index 0000000000..edc7f37edd
--- /dev/null
+++ b/files/ko/glossary/shim/index.html
@@ -0,0 +1,14 @@
+---
+title: 심
+slug: Glossary/Shim
+translation_of: Glossary/Shim
+---
+<p><strong>심<sup>shim</sup></strong>은 이미 존재하는 코드의 동작을 바로잡는 데 사용되는 코드 모음이며, 보통 문제를 야기시키는 신규 API에 대응한다. 시중에 배포된 브라우저에서 지원되지 않는 신규 API를 구현하는 폴리필({{Glossary("polyfill")}})과 대조된다. </p>
+
+<h2 id="더_많은_정보">더 많은 정보</h2>
+
+<h3 id="일반_정보">일반 정보</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Shim (computing)", "Shim")}}, 위키피디아</li>
+</ul>
diff --git a/files/ko/glossary/signature/function/index.html b/files/ko/glossary/signature/function/index.html
new file mode 100644
index 0000000000..c3091298a7
--- /dev/null
+++ b/files/ko/glossary/signature/function/index.html
@@ -0,0 +1,52 @@
+---
+title: Signature (functions)
+slug: Glossary/Signature/Function
+translation_of: Glossary/Signature/Function
+---
+<p><strong>함수 시그니처</strong>(<em>타입 </em>시그니처, <em>메소드 </em>시그니처)는 {{Glossary("Function", "functions")}} 그리고 {{Glossary("Method", "methods")}}의 입력과 출력을 정의합니다.</p>
+
+<p>시그니처는 다음을 포함합니다:</p>
+
+<ul>
+ <li>{{Glossary("Parameter", "parameters")}}와 그들의 {{Glossary("Type", "types")}}</li>
+ <li>반환값과 타입</li>
+ <li>던져지거나 콜백으로 반환되는 {{Glossary("Exception", "exceptions")}}</li>
+ <li>{{Glossary("OOP", "object-oriented")}} 프로그램에서 메소드의 접근 권한에 대한 정보 (<code>public</code>, <code>static</code>, 혹은 <code>prototype</code>와 같은 키워드들).</li>
+</ul>
+
+<h2 id="In_depth">In depth</h2>
+
+<h3 id="Signatures_in_JavaScript">Signatures in JavaScript</h3>
+
+<p>{{Glossary("JavaScript")}}는 <em>약한 타입</em> 혹은 <em>동적 </em>언어입니다. 이것은 여러분이 변수의 타입을 미리 선언하지 않아도 됨을 의미합니다. 타입은 프로그램이 실행되는 동안 자동으로 결정됩니다. 하지만 JavaScript에서의 시그니처는 여전히 여러분에게 메소드에 대한 몇 가지 정보를 제공해줄 수 있습니다:</p>
+
+<pre class="brush: js">MyObject.prototype.myFunction(value)</pre>
+
+<ul>
+ <li>메소드는 <code>MyObject</code>라 불리는 {{Glossary("object")}}에 장착되어 있습니다.</li>
+ <li>메소드는 <code>MyObject</code>의 <code>prototype</code>에 장착되어 있습니다. (따라서 이 메소드는 {{Glossary("instance method")}} 입니다.) 반대의 경우는 {{Glossary("static method")}}입니다.</li>
+ <li>메소드의 이름은 <code>myFunction</code>입니다.</li>
+ <li>메소드는 하나의 인자를 받고, 그것의 이름은 <code>value</code> 입니다.</li>
+</ul>
+
+<h3 id="Signatures_in_Java">Signatures in Java</h3>
+
+<p>{{Glossary("Java")}}는 VM수준에서 메서드와 클래스를 식벽하는데 시그니처가 사용됩니다.  Java 코드를 싱행하기 위해서는 변수의 타입을 선언해야 합니다. Java는 강한 타입이며, 컴파일 시간에 parameters의 type의 정확성을 검사합니다.</p>
+
+<pre class="brush: java">public static void main(String[] args)</pre>
+
+<ul>
+ <li>The <code>public</code> keyword is an access modifier and indicates that this method can be called by any object.</li>
+ <li>The <code>static</code> keyword indicates that this method is a class method as opposed to being an instance method.</li>
+ <li>The <code>void</code> keyword indicates that this method has no return value.</li>
+ <li>The name of the method is <code>main</code>.</li>
+ <li>The method accepts one parameter of type String Array. It is named <code>args.</code></li>
+</ul>
+
+<h2 id="Learn_more"><code>Learn more</code></h2>
+
+<h3 id="General_knowledge"><code>General knowledge</code></h3>
+
+<ul>
+ <li><span>{{Interwiki("wikipedia", "Type signature#Java", "Java internal type signatures")}} on Wikipedia</span></li>
+</ul>
diff --git a/files/ko/glossary/signature/index.html b/files/ko/glossary/signature/index.html
new file mode 100644
index 0000000000..71d2207441
--- /dev/null
+++ b/files/ko/glossary/signature/index.html
@@ -0,0 +1,19 @@
+---
+title: Signature
+slug: Glossary/Signature
+tags:
+  - Disambiguation
+  - Glossary
+  - NeedsTranslation
+  - TopicStub
+translation_of: Glossary/Signature
+---
+<p>The term <strong>signature</strong> can have several meanings depending on the context. It may refer to:</p>
+
+<p>{{GlossaryDisambiguation}}</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Signature_(disambiguation)", "Signature")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/simd/index.html b/files/ko/glossary/simd/index.html
new file mode 100644
index 0000000000..8ea2e76c6d
--- /dev/null
+++ b/files/ko/glossary/simd/index.html
@@ -0,0 +1,20 @@
+---
+title: SIMD
+slug: Glossary/SIMD
+tags:
+  - Glossary
+  - JavaScript
+translation_of: Glossary/SIMD
+---
+<p>SIMD ("seem-dee"로 발음) 는 {{Interwiki("wikipedia","Flynn%27s_taxonomy","컴퓨터 구조 분류")}} 중 하나인 단일 명령어/복수 데이터(<strong>Single Instruction/Multiple Data</strong>)의 단축입니다. SIMD는 같은 연산 하나가 결과상 데이터 레벨 병렬화 및 성능 향상이 되는 여러 데이터 요소(point)에 수행될 수 있게 합니다, 가령 3D graphics 및 video 처리, 물리 시뮬레이션 또는 암호화(cryptography) 및 다른 도메인을 위한.</p>
+
+<p>명령어 또는 데이터 집합 내 병렬화 없는 순차 구조의 경우 {{Glossary("SISD")}} 참조.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>{{jsxref("Global_Objects/SIMD","SIMD in JavaScript","","true")}}</li>
+ <li>{{Interwiki("wikipedia", "SIMD")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/smtp/index.html b/files/ko/glossary/smtp/index.html
new file mode 100644
index 0000000000..f38e300389
--- /dev/null
+++ b/files/ko/glossary/smtp/index.html
@@ -0,0 +1,31 @@
+---
+title: SMTP
+slug: Glossary/SMTP
+tags:
+  - Beginner
+  - Glossary
+  - Infrastructure
+translation_of: Glossary/SMTP
+---
+<p><span class="seoSummary"><strong>SMTP</strong>(Simple Mail Transfer Protocol)는 새로운 이메일을 전송할 때 사용하는 {{glossary("protocol", "프로토콜")}}입니다.</span> {{glossary("POP3")}}나 {{glossary("NNTP")}}처럼, SMTP도 {{glossary("state machine", "상태 기계")}} 기반 프로토콜입니다.</p>
+
+<p>SMTP는 상대적으로 직관적입니다. 복잡함을 유발하는 주요 원인은 다양한 인증 방법(<a class="external" href="http://en.wikipedia.org/wiki/Generic_Security_Services_Application_Program_Interface"><abbr title="Generic Security Services Application Program Interface">GSSAPI</abbr></a>, <a class="external" href="http://en.wikipedia.org/wiki/CRAM-MD5"><abbr title="challenge-response authentication mechanism">CRAM-MD5</abbr></a>, <a class="external" href="http://en.wikipedia.org/wiki/NTLM"><abbr title="NT LAN Manager">NTLM</abbr></a>, MSN, AUTH LOGIN, AUTH PLAIN...) 지원, 오류 응답 처리, 인증 실패(서버에서 어떤 방법을 지원한다고 주장했으나 사실 아닐 때 등) 시 처리 등입니다.</p>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">용어 사전</a>
+
+  <ol>
+   <li>{{glossary("NNTP")}}</li>
+   <li>{{glossary("POP3")}}</li>
+   <li>{{glossary("protocol", "프로토콜")}}</li>
+   <li>{{Glossary("state machine", "상태 기계")}}</li>
+  </ol>
+ </li>
+ <li>위키백과
+  <ol>
+   <li>{{Interwiki("wikipedia", "SMTP")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/sql/index.html b/files/ko/glossary/sql/index.html
new file mode 100644
index 0000000000..60c2735897
--- /dev/null
+++ b/files/ko/glossary/sql/index.html
@@ -0,0 +1,21 @@
+---
+title: SQL
+slug: Glossary/SQL
+translation_of: Glossary/SQL
+---
+<p><strong>SQL </strong>(구조화 질의어, Structured Query Language) 은 테이블 기반 데이터베이스에서 데이터를 업데이트, 수집, 계산하기 위해 디자인된 기술형 컴퓨터 언어입니다.</p>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>위키백과의 {{Interwiki("wikipedia", "SQL")}}</li>
+</ul>
+
+<h3 id="SQL_배우기">SQL 배우기</h3>
+
+<ul>
+ <li><a href="http://sqlzoo.net/wiki/SQL_Tutorial">sqlzoo.net에서 SQL 배우기</a></li>
+ <li><a href="http://www.tutorialspoint.com/sql/">Tutorial Point</a></li>
+</ul>
diff --git a/files/ko/glossary/ssl/index.html b/files/ko/glossary/ssl/index.html
new file mode 100644
index 0000000000..d522912ce3
--- /dev/null
+++ b/files/ko/glossary/ssl/index.html
@@ -0,0 +1,27 @@
+---
+title: Secure Sockets Layer (SSL)
+slug: Glossary/SSL
+translation_of: Glossary/SSL
+---
+<p class="seoSummary">Secure Sockets Layer(SSL)는 클라이언트와 서버 간의 안전한 링크를 통해 송수신되는 모든 데이터를 안전하게 보장하는 과거의 보안 표준 기술이었다. SSL 버전 3.0은 Netscape가 1999년에 발표했으며 현재에는 {{Glossary("TLS", "Transport Layer Security (TLS)")}} 로 대체되었다.</p>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li>See also
+  <ol>
+   <li><a href="/en-US/docs/Web/Security/Transport_Layer_Security">Transport Layer Security (TLS) protocol</a></li>
+  </ol>
+ </li>
+ <li><a href="/en-US/docs/Glossary">Glossary</a>
+  <ol>
+   <li>{{Glossary("HTTPS")}}</li>
+   <li>{{Glossary("TLS")}}</li>
+  </ol>
+ </li>
+ <li>Wikipedia articles
+  <ol>
+   <li>{{Interwiki("wikipedia", "Transport Layer Security")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/stacking_context/index.html b/files/ko/glossary/stacking_context/index.html
new file mode 100644
index 0000000000..b28ba6e62c
--- /dev/null
+++ b/files/ko/glossary/stacking_context/index.html
@@ -0,0 +1,18 @@
+---
+title: 쌓임 맥락
+slug: Glossary/Stacking_context
+tags:
+  - CSS
+  - CodingScripting
+  - Glossary
+translation_of: Glossary/Stacking_context
+---
+<p><strong>쌓임 맥락</strong>은 마치 책상 위의 카드를 옆으로 늘어놓거나 서로 겹치게 만들 수 있듯, 웹 페이지에서 어떤 요소가 위에 그려지는지 결정하는 방법입니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/CSS/Understanding_z-index/The_stacking_context">자세한 설명과 예제</a></li>
+</ul>
diff --git a/files/ko/glossary/string/index.html b/files/ko/glossary/string/index.html
new file mode 100644
index 0000000000..a64203c3a0
--- /dev/null
+++ b/files/ko/glossary/string/index.html
@@ -0,0 +1,17 @@
+---
+title: String
+slug: Glossary/String
+translation_of: Glossary/String
+---
+<p id="Summary">특정한 컴퓨터 프로그래밍 언어에서 문자를 표현하는 데 사용되는, {{Glossary("character","문자")}} 열 시퀀스이다.</p>
+
+<p>{{Glossary("JavaScript")}}에서 String은 {{Glossary("Primitive", "원시 값들")}} 중 하나이고 {{jsxref("String")}}객체는 String primitive를 둘러싼 {{Glossary("wrapper")}}다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "String (computer science)")}} </li>
+ <li><a href="/en-US/docs/Web/JavaScript/Data_structures#String_type">JavaScript data types and data structures</a></li>
+</ul>
diff --git a/files/ko/glossary/svg/index.html b/files/ko/glossary/svg/index.html
new file mode 100644
index 0000000000..9ecc5ecc36
--- /dev/null
+++ b/files/ko/glossary/svg/index.html
@@ -0,0 +1,37 @@
+---
+title: 가변 벡터 도형 (SVG)
+slug: Glossary/SVG
+tags:
+  - SVG
+  - 가변 벡터 도형
+  - 그래픽
+translation_of: Glossary/SVG
+---
+<p><em>Scalable Vector Graphics</em> (<strong>SVG</strong>)는  {{Glossary("XML")}} 신텍스에 기반을 둔 2D 벡터 이미지 형식(포맷)이다.</p>
+
+<p>{{Glossary("W3C")}}는 1990년 후반부터 SVG를 사용하기 시작했지만, SVG를 지원하는 {{Glossary("Microsoft Internet Explorer", "Internet Explorer")}} 9가 출시된 후에야 널리 사용되기 시작했다. 현재 주요 웹브라우저({{Glossary("browser","browsers")}})들은 SVG를 지원한다.</p>
+
+<p>{{Glossary("XML")}} 신텍스를 기반으로 한 SVG는 {{Glossary("CSS")}}를 통해 스타일 처리가 가능하고,  자바스크립트({{Glossary("JavaScript")}})를 사용해 상호소통이 가능하다. 현재 HTML5는  SVG{{Glossary("Tag","tags")}}가 {{Glossary("HTML")}}문서에서 직접 사용 되도록 지원한다.</p>
+
+<p>벡터 이미지 형식 (<a href="http://en.wikipedia.org/wiki/Vector_graphics" rel="external">vector image format</a>)으로써, SVG 그래픽은 무한정적인 크기를 가질 수 있고, 이러한 점 때문에 어떠한 화면 크기에도 적용 가능한  인터페이스 요소와 그래픽을 만들 수 있어 반응형 디자인({{Glossary("responsive design")}}) 에서 아주 유용하게 여겨진다. 또한 SVG는 클리핑(clipping), 마스킹(masking), 필터(filter), 애니매이션(animation) 등 여러가지 유용한 툴 셋들을 제공한다.</p>
+
+<h2 id="더보기">더보기</h2>
+
+<h3 id="일반_상식">일반 상식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "SVG")}} 위키피디아 </li>
+</ul>
+
+<h3 id="SVG_배우기">SVG 배우기</h3>
+
+<ul>
+ <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org's SVG Primer</a> </li>
+</ul>
+
+<h3 id="기술_정보">기술 정보</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/SVG">SVG documentation on MDN</a></li>
+ <li><a href="http://www.w3.org/TR/SVG/" rel="external">Latest SVG specification</a></li>
+</ul>
diff --git a/files/ko/glossary/symbol/index.html b/files/ko/glossary/symbol/index.html
new file mode 100644
index 0000000000..b1dc5d186a
--- /dev/null
+++ b/files/ko/glossary/symbol/index.html
@@ -0,0 +1,61 @@
+---
+title: Symbol
+slug: Glossary/Symbol
+tags:
+  - ECMAScript 2015
+  - NeedsMarkupWork
+  - 공유
+  - 용어집
+  - 자바스크립트
+translation_of: Glossary/Symbol
+---
+<p>이 용어집 페이지에서는 "<strong>심볼(symbol)</strong>"이라는 데이터 형식과 <strong>심볼</strong> 데이터 형식의 인스턴스를 생성하는 클래스와 유사한(class-like) "{{jsxref ("Symbol ")}}<code>()</code>"이라는 함수를 설명합니다.</p>
+
+<p>"<strong>심볼</strong>" 데이터 형식은 값으로 익명의 객체 속성(object property)을 만들 수 있는 특성을 가진 원시 데이터 형식(primitive data type)입니다. 이 데이터 형식은 클래스나 객체 형식(object type)의 내부에서만 접근할 수 있도록 전용(private) 객체 속성의 키(key)로 사용됩니다. 예를 들어, <strong>심볼</strong> 형식으로 된 키는 자바스크립트의 다양한 내장(built-in) 객체 안에 존재합니다. 사용자 지정 클래스(custom classes) 역시 이러한 방식으로 전용 멤버를 만들 수 있습니다. <strong>심볼</strong> 데이터 형식은 고도로 특화된 용도로 쓰이며, 범용성은 현저히 떨어집니다; <strong>심볼</strong>의 인스턴스에 L값(L-value)을 할당할 수 있고 식별자로 이용할 수 있습니다. 그게 전부입니다; 적용할 수 있는 연산자도 없습니다. (이를 "Number" 형식의 인스턴스, 예를 들어 정수 "42"와 대조해보십시오. 숫자 형식의 인스턴스에는 같은 형식의 다른 값과 비교하거나 조합할 수 있는 다양한 연산자 집합이 제공됩니다.)</p>
+
+<p>"<strong>심볼</strong>" 데이터 형식의 값은 "심볼 값(symbol value)"라고도 합니다. 자바스크립트 런타임 환경 내에서 심볼 값은 <code>Symbol()</code> 함수를 호출하여 생성할 수 있는데, 이 함수는 동적으로 익명의 고유한 값을 만들어냅니다. 심볼은 객체 속성(object property)로 사용될 수 있습니다.</p>
+
+<pre class="brush: js">var  myPrivateMethod  = Symbol();
+this[myPrivateMethod] = function() {...};</pre>
+
+<p>심볼 값은 (심볼처럼)익명인 속성에 할당(property assignment)할 때 식별자(identifier)로 사용되며, 비열거형입니다. 자신이 가리키는 속성이 비열거형이기 때문에 "<code>for( ... in ...)</code>"로 구성되는 반복문 내에서 멤버로 사용될 수 없으며, 그 속성이 익명이기 때문에 "<code>Object.getOwnPropertyNames()</code>"가 반환하는 배열에 들어갈 수도 없습니다. 해당 속성은 그 속성을 만든 원래 심볼 값을 이용하거나 "<code>Object.getOwnPropertySymbols()</code>"가 반환하는 배열을 반복(iterating)함으로써 접근할 수 있습니다. 앞의 예제 코드에서는 <code>myPrivateMethod</code> 변수에 저장된 값을 통해 해당 속성에 접근하였습니다.</p>
+
+<p>내장 함수인 "{{jsxref("Symbol")}}<code>()</code>"는 함수로써 호출되면 심볼 값을 반환하나, "<code>new Symbol()</code>"와 같은 문법으로 생성자로 사용하려 하면 에러를 발생시키는 불완전한 클래스(incomplete class)입니다. "{{jsxref("Symbol")}}<code>()</code>"는 자바스크립트의 전역 심볼 테이블(global symbol table)에 접근할 수 있는 정적 메서드와 공용으로(commonly) 사용되는 객체를 가리키는 특정 심볼의 주소를 값으로 가지는 정적 속성을 가집니다. <code>Symbol()</code> 함수에 의해 생성되는 심볼 값은 앞서 설명한 바와 같습니다. <code>Symbol()</code>를 생성자로 사용할 경우 발생하는 오류는 혼동을 유발할 수 있는 의도치 않은 객체의 생성을 막기 위한 예방책이라 할 수 있습니다. 전역 심볼 레지스트리(the global symbol registry)에 접근하기 위한 메서드는 "<code>Symbol.for()</code>"와 "<code>Symbol.keyFor()</code>"입니다; 이 메서드들은 전역 심볼 테이블(또는 "레지스트리")과 런타임 환경 사이를 중재합니다. 심볼 레지스트리는 대부분 자바스크립트의 컴파일러 인프라스트럭쳐에 의해 구축되며, 심볼 레지스트리의 컨텐츠는 이러한 리플렉티브 메서드를 통하지 않고서는 자바스크립트의 런타임 인프라스트럭쳐가 접근할 수 없습니다.  <em><code>Symbol.for("tokenString")</code></em>는 레지스트리로부터 심볼 값을 반환하고 <em><code>Symbol.keyFor(symbolValue)</code></em>는 레지스트리로부터 토큰 문자열(token string)을 반환합니다; 서로에게 정반대이므로 다음 코드는 참입니다:</p>
+
+<pre class="brush: js">Symbol.keyFor(Symbol.for("tokenString")) == "tokenString"; // true
+</pre>
+
+<p><strong>Symbol</strong> 클래스는 익명에 이름을 부여하는 역설적인 효과를 가진 몇 가지 정적 속성을 가지고 있습니다. 흔히 "잘 알려진" 심볼이라 불리는 몇 가지 심볼이 존재합니다. 이 심볼들은 특정 내장 객체에 존재하는 몇 개의 선택된 메서드 속성을 가리키는 심볼입니다. 이들 심볼을 노출시킴으로써 이들 메서드에 직접 접근할 수 있게됩니다(이런 접근은 사용자 지정 클래스를 정의할 때 유용합니다). 잘 알려진 심볼의 예로는 배열과 유사한 객체에 대한 "<code>Symbol.iterator</code>"와 문자열 객체에 대한 "<code>Symbol.search</code>"가 있습니다. </p>
+
+<p><code>Symbol()</code> 함수와 이 함수가 생성하는 심볼 값은 프로그래머가 사용자 지정 클래스(custom class)를 설계할 때 유용합니다. 심볼 값은 사용자 지정 클래스가 전용 멤버를 만들고 바로 그 클래스와 관련된 심볼 레지스트리를 유지 관리하는 방법을 제공합니다. 사용자 지정 클래스는 심볼 값을 이용하여 의도하지 않은 노출로부터 보호할 수 있는 "자신만의" 속성을 만들 수 있습니다. 클래스 정의 내에서 동적으로 생성된 심볼 값은 클래스 정의 내에서 전용으로만 사용할 수 있는 범위(scoped) 변수에 저장됩니다. 토큰 문자열은 없습니다. 범위 변수는 토큰과 동일한 역할을 합니다.</p>
+
+<p>어떤 프로그래밍 언어에서는 심볼 데이터 형식을 "atom(원자)"라고 합니다. </p>
+
+<p>자바스크립트({{Glossary("JavaScript")}})에서 심볼은 원시 데이터 값({{Glossary("Primitive", "primitive value")}})입니다.</p>
+
+<p>심볼은 선택적으로 설명으로 가질 수 있지만, 디버깅 용도로만 사용할 수 있습니다.</p>
+
+<p>심볼 형식은 ECMAScript 2015에 추가된 특성이며 ECMAScript 5에는 심볼과 동등한 형식이 존재하지 않습니다.</p>
+
+<pre class="brush: js">Symbol("foo") !== Symbol("foo")
+const foo = Symbol()
+const bar = Symbol()
+typeof foo === "symbol"
+typeof bar === "symbol"
+let obj = {}
+obj[foo] = "foo"
+obj[bar] = "bar"
+JSON.stringify(obj) // {}
+Object.keys(obj) // []
+Object.getOwnPropertyNames(obj) // []
+Object.getOwnPropertySymbols(obj) // [ Symbol(), Symbol() ]</pre>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Symbol (programming)")}} on Wikipedia</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li>
+ <li><a href="http://2ality.com/2014/12/es6-symbols.html">Symbols in ECMAScript 6</a></li>
+</ul>
diff --git a/files/ko/glossary/tag/index.html b/files/ko/glossary/tag/index.html
new file mode 100644
index 0000000000..e2bb42d3cc
--- /dev/null
+++ b/files/ko/glossary/tag/index.html
@@ -0,0 +1,27 @@
+---
+title: 태그
+slug: Glossary/Tag
+tags:
+  - CodingScripting
+  - Glossary
+  - HTML
+translation_of: Glossary/Tag
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>태그</strong>(tag)는 {{Glossary("element", "요소")}}를 만들 때 사용합니다. 문단 태그 <code>&lt;p&gt;</code>처럼, 요소 이름을 부등호 사이에 넣어서 태그를 구성할 수 있습니다. 닫는 태그는 이름 앞에 슬래시 문자를 <code>&lt;/p&gt;</code>와 같이 포함하며, {{glossary("empty element", "빈 요소")}}의 경우 닫는 태그가 필요하지 않으며 지정해서도 안됩니다. 태그에 {{glossary("attribute", "특성")}}을 지정하지 않으면 기본값을 사용합니다.</p>
+
+<h2 id="더_알아보기"><strong>더 알아보기</strong></h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "HTML 요소")}}</li>
+ <li>{{glossary("WHATWG")}}의 <a href="https://html.spec.whatwg.org/multipage/syntax.html#elements-2">HTML 요소 구문</a></li>
+</ul>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li><a href="/ko/docs/Learn/HTML/Introduction_to_HTML">HTML 소개</a></li>
+</ul>
diff --git a/files/ko/glossary/tcp/index.html b/files/ko/glossary/tcp/index.html
new file mode 100644
index 0000000000..e7d09d2492
--- /dev/null
+++ b/files/ko/glossary/tcp/index.html
@@ -0,0 +1,31 @@
+---
+title: TCP
+slug: Glossary/TCP
+translation_of: Glossary/TCP
+---
+<p id="Summary">TCP (전송 제어 프로토콜)은 두 개의 호스트를 연결하고 데이터 스트림을 교환하게 해주는 중요한 네트워크 프로토콜이다. TCP는 데이터와 패킷이 보내진 순서대로 전달하는 것을 보장해준다. Vint CERF와 Bob Kahn (당시 DARPA 과학자)는 TCP를 1970년 대에 설계하였다.</p>
+
+<p>TCP의 역할은 에러가 없이 패킷이 신뢰할 수 있게 전달 되었는지 보증해 주는 것이다. TCP는 동시제어가 가능하다. 이는 초기 요청이 작게 시작해도 컴퓨터들과 서버들의 대역폭의 깊이가 증가해도 네트워크가 지원할 수 있다는 것을 뜻한다.</p>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/en-US/docs/Glossary">Glossary</a>
+
+  <ol>
+   <li>{{Glossary("IPv4")}}</li>
+   <li>{{Glossary("IPv6")}}</li>
+   <li>{{Glossary("Packet")}}</li>
+  </ol>
+ </li>
+ <li>Wikipedia article
+  <ol>
+   <li>{{Interwiki("wikipedia", "Transmission Control Protocol")}}</li>
+  </ol>
+ </li>
+ <li>See Also
+  <ol>
+   <li><a href="/en-US/docs/Web/HTTP/Overview">http overview</a></li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/tls/index.html b/files/ko/glossary/tls/index.html
new file mode 100644
index 0000000000..df1e21aad0
--- /dev/null
+++ b/files/ko/glossary/tls/index.html
@@ -0,0 +1,39 @@
+---
+title: 전송 계층 보안 (TLS)
+slug: Glossary/TLS
+translation_of: Glossary/TLS
+---
+<p id="Summary">이전에 {{Glossary("SSL", "Secure Sockets Layer (SSL)")}}로 알려진 <strong>Transport Layer Security (TLS)</strong>는 어플리케이션들이 네트워크 상에서 안전하게 통신하기 위해 사용된 {{Glossary("protocol")}}이며, 이메일, 웹 브라우징, 메세징, 그리고 다른 프로토코들의 감청을 통한 정보의 변형을 방지한다. SSL과 TLS 모두 네트워크 상에서 보안을 제공하는 cryptographic 프로토콜을 사용한 클라이언트 / 서버 프로토콜이다. 서버와 클라이언트가 TLS로 통신을 할때, 어떠한 제 3자도 메세지를 변형시키거나 감청할 수 없도록 한다.</p>
+
+<p>모든 모던 브라우저들을 TLS를 지원하고, 안전한 연결을 하기위해서 서버가 유효한 {{Glossary("Digital certificate", "digital certificate")}} 를 제공하기를 요구한다. 클라이언트와 서버 둘 다 각자 digital certificate을 제공하면, 서로를 인증해줄 수 있다.</p>
+
+<div class="blockIndicator note">
+<p><strong>Note</strong>: TLS 1.0 와 1.1 2020년 초부터 대부분의 브라우저에서 지원하지 않을 예정이다; 웹 브라우저가 TLS 1.2 나 TLS 1.3을 지원하는지 확인해보는 것이 좋을 것이다. Firefox는 버전 74 이후로 구 TLS 버전을 사용해서 서버에 연결을 시도할 경우 <a href="https://support.mozilla.org/en-US/kb/secure-connection-failed-firefox-did-not-connect">Secure Connection Failed</a> 에러를 반환한다. ({{bug(1606734)}}).</p>
+</div>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li>Specifications
+  <ol>
+   <li><a href="https://tools.ietf.org/html/rfc5246" rel="external">RFC 5246</a> (The Transport Layer Security Protocol, Version 1.2)</li>
+  </ol>
+ </li>
+ <li>Wikipedia articles
+  <ol>
+   <li>{{Interwiki("wikipedia", "Transport Layer Security")}}</li>
+  </ol>
+ </li>
+ <li>See also
+  <ol>
+   <li><a href="/en-US/docs/Web/Security/Transport_Layer_Security">Transport Layer Security</a></li>
+   <li><a href="https://www.owasp.org/index.php/Transport_Layer_Protection_Cheat_Sheet" rel="external">OWASP: Transport Layer Protection Cheat Sheet</a></li>
+  </ol>
+ </li>
+ <li><a href="/en-US/docs/Glossary">Glossary</a>
+  <ol>
+   <li>{{Glossary("HTTPS")}}</li>
+   <li>{{Glossary("SSL")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/truthy/index.html b/files/ko/glossary/truthy/index.html
new file mode 100644
index 0000000000..ae92e41292
--- /dev/null
+++ b/files/ko/glossary/truthy/index.html
@@ -0,0 +1,53 @@
+---
+title: 참 같은 값
+slug: Glossary/Truthy
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+translation_of: Glossary/Truthy
+---
+<p>{{Glossary("JavaScript")}}에서, <strong>참 같은 값</strong>(Truthy)인 값이란 {{Glossary("Boolean", "불리언")}}을 기대하는 문맥에서 <code>true</code>로 평가되는 값입니다. 따로 {{Glossary("Falsy", "거짓 같은 값")}}으로 정의된 값이 아니면 모두 참 같은 값으로 평가됩니다. (예: <code>false</code>, <code>0</code>, <code>-0</code>, <code>0n</code>, <code>""</code>, <code>null</code>, <code>undefined</code>와 <code>NaN</code> 등)</p>
+
+<p>JavaScript는 불리언 문맥에서 {{Glossary("Type_Conversion", "형 변환")}}을 사용합니다.</p>
+
+<p>다음은 참 같은 값에 대한 예시입니다. JavaScript는 불리언 문맥에서 참 같은 값을 <code>true</code>로 변환하기 때문에 아래의 모든 <code>if</code> 블록을 실행합니다.</p>
+
+<pre class="notranslate">if (true)
+if ({})
+if ([])
+if (42)
+if ("0")
+if ("false")
+if (new Date())
+if (-42)
+if (12n)
+if (3.14)
+if (-3.14)
+if (Infinity)
+if (-Infinity)</pre>
+
+<h2 id="Specifications">Specifications</h2>
+
+<table>
+ <thead>
+  <tr>
+   <th scope="col">Specification</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>{{SpecName("ESDraft", "#sec-toboolean", "<code>ToBoolean</code> abstract operation")}}</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="같이_보기">같이 보기</h2>
+
+<ul>
+ <li>{{Glossary("Falsy", "거짓 같은 값")}}</li>
+ <li>{{Glossary("Type_Conversion", "형변환")}}</li>
+ <li>{{Glossary("Boolean", "불리언")}}</li>
+</ul>
+
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
diff --git a/files/ko/glossary/ui/index.html b/files/ko/glossary/ui/index.html
new file mode 100644
index 0000000000..6563ddcec3
--- /dev/null
+++ b/files/ko/glossary/ui/index.html
@@ -0,0 +1,15 @@
+---
+title: UI
+slug: Glossary/UI
+translation_of: Glossary/UI
+---
+<p><em><strong>User Interface</strong> </em>(UI) 는 사용자와 기계의 상호작용을 촉진하는 모든 것이다. 컴퓨터의 세계에서는 키보드, 조이스틱, 화면, 프로그램 등 무엇이든 될 수 있다. 컴퓨터 소프트웨어의 경우 커맨드 라인 프롬프트, 웹페이지, 사용자 입력 양식 또는 응용 프로그램의 프런트엔드가 될 수 있다</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{interwiki("wikipedia", "User_interface", "User interface")}} </li>
+ <li>Wikipedia의 {{interwiki("wikipedia", "Front_end_development", "Front end development")}} </li>
+</ul>
diff --git a/files/ko/glossary/undefined/index.html b/files/ko/glossary/undefined/index.html
new file mode 100644
index 0000000000..1092b29ff4
--- /dev/null
+++ b/files/ko/glossary/undefined/index.html
@@ -0,0 +1,25 @@
+---
+title: undefined
+slug: Glossary/undefined
+tags:
+  - CodingScripting
+  - Glossary
+  - JavaScript
+translation_of: Glossary/undefined
+---
+<p><span class="seoSummary"><strong><code>undefined</code></strong>는 {{Glossary("primitive", "원시값")}}으로, 선언한 후 값을 할당하지 않은 {{glossary("variable", "변수")}} 혹은 값이 주어지지 않은 {{Glossary("argument","인수")}}에 자동으로 할당됩니다.</span></p>
+
+<h2 id="예제">예제</h2>
+
+<pre class="brush: js">var x; // 값을 할당하지 않고 변수 선언
+
+console.log("x's value is", x) // "x's value is undefined" 출력
+</pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/JavaScript/Data_structures">JavaScript 자료형과 자료 구조</a></li>
+</ul>
diff --git a/files/ko/glossary/unicode/index.html b/files/ko/glossary/unicode/index.html
new file mode 100644
index 0000000000..9e74ccfd8a
--- /dev/null
+++ b/files/ko/glossary/unicode/index.html
@@ -0,0 +1,20 @@
+---
+title: 유니코드
+slug: Glossary/Unicode
+tags:
+  - Glossary
+  - Infrastructure
+translation_of: Glossary/Unicode
+---
+<p><span class="seoSummary"><strong>유니코드</strong>는 세계 각국의 서로 다른 언어와 쓰기 방식, 기호 등을 모아 번호를 할당하고 {{glossary("character", "문자")}}를 정의하는 표준 {{Glossary("character set","문자 집합")}}입니다.</span> 각각의 문자에 번호를 매김으로써 프로그래머는 {{Glossary("character encoding", "문자 인코딩")}}을 제작할 수 있고, 컴퓨터는 그 인코딩을 사용해 같은 파일 또는 프로그램 내에서 어떠한 언어 조합을 사용하더라도 저장, 처리, 전송할 수 있습니다.</p>
+
+<p>유니코드 이전에는 하나의 데이터가 여러 언어를 한 번에 가지기 힘들었고, 오류에도 취약했습니다. 예를 들어 하나의 문자 집합은 한글, 다른 집합은 영문 알파벳을 저장할 수 있다고 했을 때, 데이터의 어디서부터 어디까지가 한글이고 어디까지가 영문 알파벳인지 분명하게 표시해놓지 않으면 다른 프로그램이나 컴퓨터가 데이터를 잘못 표시하거나, 처리 과정에서 손상시킬 수 있었습니다. 어떤 글이 <code>占쏙옙</code>처럼 말도 안되는 글자로 표시되는걸 본 적이 있다면, 실제로 프로그램이 문자를 적절히 처리하지 못한 예시를 확인한 것입니다.</p>
+
+<p>웹에서 제일 널리 쓰이는 유니코드 문자 인코딩은 {{Glossary("UTF-8")}}입니다. UTF-16이나 이제 사용하지 않는 UCS-2 등 다른 인코딩도 존재하지만 UTF-8을 추천합니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "유니코드")}}</li>
+ <li><a href="http://www.unicode.org/standard/principles.html">The Unicode Standard: A Technical Introduction</a></li>
+</ul>
diff --git a/files/ko/glossary/uri/index.html b/files/ko/glossary/uri/index.html
new file mode 100644
index 0000000000..759bb9e381
--- /dev/null
+++ b/files/ko/glossary/uri/index.html
@@ -0,0 +1,23 @@
+---
+title: URI
+slug: Glossary/URI
+tags:
+  - Glossary
+  - HTTP
+  - Search
+  - URI
+  - URL
+translation_of: Glossary/URI
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><span class="seoSummary"><strong>URI</strong>(Uniform Resource Identifier)는 하나의 리소스를 가리키는 문자열입니다.</span> 가장 흔한 URI는 {{glossary("URL")}}로, 웹 상에서의 위치로 리소스를 식별합니다. 반면, {{glossary("URN")}}은 주어진 이름공간 안의 이름으로 리소스를 식별합니다. 도서의 ISBN을 예시로 사용할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "URI")}}</li>
+ <li><a href="http://tools.ietf.org/html/rfc3986">URL에 관한 RFC 3986</a></li>
+</ul>
diff --git a/files/ko/glossary/url/index.html b/files/ko/glossary/url/index.html
new file mode 100644
index 0000000000..1b23992f97
--- /dev/null
+++ b/files/ko/glossary/url/index.html
@@ -0,0 +1,36 @@
+---
+title: URL
+slug: Glossary/URL
+tags:
+  - Glossary
+  - Infrastructure
+  - 'l10n:priority'
+translation_of: Glossary/URL
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>URL</strong>(Uniform Resource Locator)은 인터넷에서 웹 페이지, 이미지, 비디오 등 리소스의 위치를 가리키는 문자열입니다.</p>
+
+<p>{{Glossary("HTTP")}} 맥락에서 URL은 "웹 주소" 또는 "링크"라고 불립니다. {{glossary("browser", "브라우저")}}는 <code>https://developer.mozilla.org</code> 등 URL을 주소창에 표시합니다. 일부 브라우저는 URL에서 "<code>//</code>" 뒤의 일부분, 즉 {{glossary("domain name", "도메인 이름")}}만 표시합니다.</p>
+
+<p>URL은 파일 전송({{glossary("FTP")}}), 이메일({{glossary("SMTP")}}) 등 다른 응용 프로그램에서도 사용할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "URL")}} </li>
+</ul>
+
+<h3 id="배워보기">배워보기</h3>
+
+<ul>
+ <li><a href="/ko/docs/Learn/Common_questions/What_is_a_URL">URL과 URL 구조 이해하기</a></li>
+</ul>
+
+<h3 id="명세">명세</h3>
+
+<ul>
+ <li>URL 구문은 <a href="https://url.spec.whatwg.org/">URL Living Standard</a>가 정의합니다.</li>
+</ul>
diff --git a/files/ko/glossary/user_agent/index.html b/files/ko/glossary/user_agent/index.html
new file mode 100644
index 0000000000..dbfda1be0c
--- /dev/null
+++ b/files/ko/glossary/user_agent/index.html
@@ -0,0 +1,56 @@
+---
+title: 사용자 에이전트
+slug: Glossary/User_agent
+tags:
+  - Browser
+  - Glossary
+  - UA
+  - User-agent
+  - WebMechanics
+  - user agent
+  - userAgent
+  - 사용자 에이전트
+  - 유저 에이전트
+translation_of: Glossary/User_agent
+---
+<p><span class="seoSummary"><strong>사용자 에이전트</strong>(user agent)는 사용자를 대표하는 컴퓨터 프로그램으로, {{Glossary("World Wide Web", "웹")}} 맥락에선 {{Glossary("Browser", "브라우저")}}를 의미합니다.</span></p>
+
+<p>브라우저 외에도 웹 페이지를 긁어가는 봇, 다운로드 관리자, 웹에 접근하는 다른앱도 사용자 에이전트입니다. 브라우저는 서버에 보내는 모든 요청에 사용자 에이전트 문자열이라고 부르는, 자신의 정체를 알리는 {{httpheader("User-Agent")}} {{Glossary("HTTP")}} 헤더를 보냅니다. 이 문자열은 보통 브라우저 종류, 버전 번호, 호스트 운영체제를 포함합니다.</p>
+
+<p><span class="objectBox objectBox-string">스팸 봇, 다운로드 관리자, 일부 브라우저는 자신의 정체를 숨기고 다른 클라이언트인 척 하려고 가짜 사용자 에이전트 문자열을 보내곤 하며, 이를 사용자 에이전트 스푸핑(spoofing)이라고 말합니다.</span></p>
+
+<p><span class="objectBox objectBox-string">클라이언트에서는 {{Glossary("JavaScript")}}의 {{domxref("navigator.userAgent")}} 속성을 통해 사용자 에이전트 문자열에 접근할 수 있습니다.</span></p>
+
+<p>보통 사용자 에이전트 문자열은 <span class="objectBox objectBox-string"><code>"Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:35.0) Gecko/20100101 Firefox/35.0"</code>과 같은 형태입니다. </span></p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과{{interwiki("wikipedia", "사용자 에이전트")}}</li>
+</ul>
+
+<h3 id="기술_참고서">기술 참고서</h3>
+
+<ul>
+ <li>{{domxref("navigator.userAgent")}}</li>
+ <li><a href="/ko/docs/Web/HTTP/Browser_detection_using_the_user_agent">사용자 에이전트를 이용한 브라우저 감지</a></li>
+ <li>{{RFC(2616, "14.43")}}: <code>User-Agent</code> 헤더</li>
+</ul>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/ko/docs/Glossary">MDN 웹 문서 용어 사전</a>
+
+  <ol>
+   <li>{{Glossary("Browser", "브라우저")}}</li>
+  </ol>
+ </li>
+ <li>HTTP 헤더
+  <ol>
+   <li>{{HTTPHeader("User-agent")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/utf-8/index.html b/files/ko/glossary/utf-8/index.html
new file mode 100644
index 0000000000..1052533c1a
--- /dev/null
+++ b/files/ko/glossary/utf-8/index.html
@@ -0,0 +1,17 @@
+---
+title: UTF-8
+slug: Glossary/UTF-8
+translation_of: Glossary/UTF-8
+---
+<p>UTF-8(UCS Transformation Format 8)은 월드 와이드 웹의 가장 일반적인 {{Glossary("Character encoding", "문자 인코딩")}}이다. 각 문자는 1~4바이트로 표시된다. UTF-8은 {{Glossary("ASCII")}}와 역호환되며 표준 유니코드 문자를 나타낼 수 있다.</p>
+
+<p>처음 128개의 UTF-8 문자는 처음 128개의 ASCII 문자(숫자 0-127)와 정확히 일치하며, 이는 기존 ASCII 텍스트가 이미 유효한 UTF-8임을 의미한다. 다른 모든 문자는 2 ~ 4바이트를 사용한다. 각각의 바이트는 인코딩 목적으로 남겨진 비트가 있다. 비 ASCII 문자가  저장을 위해 1 바이트 이상을 요구하기 때문에, 바이트가 분리되고 재결합되지 않은 상태로 실행하면 손상될 위험이 있다.</p>
+
+<h2 id="더_알아보기" style="line-height: 18px;"><span style="font-size: 27.4286px;">더 알아보기</span></h2>
+
+<h3 id="일반적인_지식"><strong>일반적인 지식</strong></h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "UTF-8")}} </li>
+ <li><a href="http://www.unicode.org/faq/utf_bom.html#UTF8">FAQ about UTF-8 on Unicode website</a></li>
+</ul>
diff --git a/files/ko/glossary/variable/index.html b/files/ko/glossary/variable/index.html
new file mode 100644
index 0000000000..ac52d0578a
--- /dev/null
+++ b/files/ko/glossary/variable/index.html
@@ -0,0 +1,21 @@
+---
+title: Variable
+slug: Glossary/Variable
+translation_of: Glossary/Variable
+---
+<p>변수는 {{Glossary("Value", "값")}}을 저장하기 위해 명명된 위치이다. 이것을 사용하면 미리 정해진 이름을 통해 예측할 수 없는 값에 접근할 수 있다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Variable (computer science)")}} </li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types#Declarations">Declaring variables in JavaScript</a></li>
+ <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var"><code>var</code> statement in JavaScript</a></li>
+</ul>
diff --git a/files/ko/glossary/viewport/index.html b/files/ko/glossary/viewport/index.html
new file mode 100644
index 0000000000..95f9456d3b
--- /dev/null
+++ b/files/ko/glossary/viewport/index.html
@@ -0,0 +1,22 @@
+---
+title: 뷰포트
+slug: Glossary/Viewport
+tags:
+  - CodingScripting
+  - Glossary
+  - Layout
+  - viewport
+translation_of: Glossary/Viewport
+---
+<p><span class="seoSummary">컴퓨터 그래픽스에서, <strong>뷰포트</strong>(viewport)는 현재 화면에 보여지고 있는 다각형(보통 직사각형)의 영역입니다. 웹 브라우저에서는 현재 창에서 문서를 볼 수 있는 부분(전체화면이라면 화면 전체)을 말합니다.</span> 뷰포트 바깥의 콘텐츠는 스크롤 하기 전엔 보이지 않습니다.</p>
+
+<p>뷰포트 중에서도 지금 볼 수 있는 부분을 <strong>{{glossary("visual viewport", "시각적 뷰포트")}}</strong>라고 부릅니다. 스마트폰에서 사용자가 화면을 확대했을 때와 같은 특정 상황에서 {{glossary("layout viewport", "레이아웃 뷰포트")}}의 크기는 변하지 않지만 시각적 뷰포트는 더 작아집니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li><a href="/ko/docs/Web/API/Visual_Viewport_API">Visual Viewport API</a></li>
+ <li>위키백과 {{Interwiki("wikipedia", "뷰포트 (컴퓨터 과학)")}}</li>
+</ul>
diff --git a/files/ko/glossary/webextensions/index.html b/files/ko/glossary/webextensions/index.html
new file mode 100644
index 0000000000..d7fe038101
--- /dev/null
+++ b/files/ko/glossary/webextensions/index.html
@@ -0,0 +1,14 @@
+---
+title: WebExtensions
+slug: Glossary/WebExtensions
+translation_of: Glossary/WebExtensions
+---
+<p>WebExtensions은 Firefox에서 브라우저 Extension을 개발하기위한 크로스 브라우저 시스템입니다. 이 시스템은 Mozilla Firefox, Google Chrome, Opera Browser 및 Microsoft Edge와 같은 다양한 브라우저에서 지원되는 API를 제공합니다.</p>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="Technical_reference">Technical reference</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">Browser extensions</a> on MDN</li>
+</ul>
diff --git a/files/ko/glossary/webrtc/index.html b/files/ko/glossary/webrtc/index.html
new file mode 100644
index 0000000000..da4eab7c61
--- /dev/null
+++ b/files/ko/glossary/webrtc/index.html
@@ -0,0 +1,25 @@
+---
+title: WebRTC
+slug: Glossary/WebRTC
+translation_of: Glossary/WebRTC
+---
+<p><span class="seoSummary"><strong>WebRTC</strong> (<em>Web Real-Time Communication</em>) {{Glossary("API")}} 는 영상 채팅, 음성 통화, 그리고 P2P 파일 공유 웹 어플리케이션에서 사용할 수 있습니다.</span></p>
+
+<p>WebRTC 의 3가지 주요 부분:</p>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia"><code>getUserMedia</code></a></dt>
+ <dd>기기의 카메라와 마이크를 같이 혹은 개별로 접속권한을 부여받으며, RTC connection에 신호를 연결할 수 있습니다.</dd>
+ <dt><a href="/en-US/docs/Web/API/RTCPeerConnection"><code>RTCPeerConnection</code></a></dt>
+ <dd>비디오 채팅 또는 음성 통화를 구성하기위한 인터페이스입니다.</dd>
+ <dt><a href="/en-US/docs/Web/API/RTCDataChannel"><code>RTCDataChannel</code></a></dt>
+ <dd>브라우저간에 {{Glossary("P2P", "peer-to-peer")}} 데이터 경로 설정방법을 제공합니다.</dd>
+</dl>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "WebRTC")}} on Wikipedia</li>
+ <li><a href="/en-US/docs/Web/Guide/API/WebRTC">Guide to WebRTC on MDN</a></li>
+ <li><a href="http://caniuse.com/rtcpeerconnection">Browser support of WebRTC</a></li>
+</ul>
diff --git a/files/ko/glossary/websockets/index.html b/files/ko/glossary/websockets/index.html
new file mode 100644
index 0000000000..743190595a
--- /dev/null
+++ b/files/ko/glossary/websockets/index.html
@@ -0,0 +1,31 @@
+---
+title: WebSockets
+slug: Glossary/WebSockets
+translation_of: Glossary/WebSockets
+---
+<p><em>WebSocket </em>은 언제든지 데이터를 교환할 수 있도록 {{Glossary("Server", "서버")}}와 클라이언트 간의 지속적인 {{Glossary("TCP")}} 연결을 허용하는 {{Glossary("protocol", "프로토콜")}}이다.</p>
+
+<p>어떤 클라이언트나 서버 애플리케이션도 WebSocket을 사용할 수 있지만, 주로 웹 {{Glossary("Browser", "브라우저")}}와 웹 서버를 사용할 수 있다. WebSocket을 통해 서버는 사전 클라이언트 요청 없이 클라이언트에 데이터를 전달할 수 있으므로 동적 컨텐츠 업데이트가 가능하다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+
+
+<h3 id="일반적_지식" style="line-height: 24px;">일반적 지식</h3>
+
+<ul>
+ <li>Wikipedia의 {{Interwiki("wikipedia", "Websocket")}} </li>
+</ul>
+
+<h3 id="기술적_참조">기술적 참조</h3>
+
+<ul>
+ <li><a href="/en-US/docs/Web/API/WebSocket">WebSocket reference on MDN</a></li>
+</ul>
+
+<h3 id="이것에_대해_알아보기">이것에 대해 알아보기</h3>
+
+<ul>
+ <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_client_applications">Writing WebSocket client applications</a></li>
+ <li><a href="/en-US/docs/WebSockets/Writing_WebSocket_servers">Writing WebSocket servers</a></li>
+</ul>
diff --git a/files/ko/glossary/whatwg/index.html b/files/ko/glossary/whatwg/index.html
new file mode 100644
index 0000000000..02bcb17803
--- /dev/null
+++ b/files/ko/glossary/whatwg/index.html
@@ -0,0 +1,23 @@
+---
+title: WHATWG
+slug: Glossary/WHATWG
+tags:
+  - Community
+  - DOM
+  - Glossary
+  - HTML
+  - HTML5
+  - WHATWG
+  - Web
+translation_of: Glossary/WHATWG
+---
+<p><strong>WHATWG</strong>(Web Hypertext Application Technology Working Group)은 {{Glossary("DOM")}}, Fetch, {{Glossary("HTML")}} 등 웹 표준을 개발하고 유지하는 단체입니다. 2004년, Apple, Mozilla, Opera의 임직원이 설립했습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식" style="line-height: 24px;">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{Interwiki("wikipedia", "WHATWG")}}</li>
+ <li><a href="https://whatwg.org/">WHATWG 웹사이트</a></li>
+</ul>
diff --git a/files/ko/glossary/world_wide_web/index.html b/files/ko/glossary/world_wide_web/index.html
new file mode 100644
index 0000000000..3a5b8c97f8
--- /dev/null
+++ b/files/ko/glossary/world_wide_web/index.html
@@ -0,0 +1,41 @@
+---
+title: World Wide Web
+slug: Glossary/World_Wide_Web
+tags:
+  - Infrastructure
+  - WWW
+  - World Wide Web
+translation_of: Glossary/World_Wide_Web
+---
+<p>흔히 <strong>WWW</strong>, <strong>W3</strong>, <strong>Web으로</strong> 불리는 <em>World Wide Web</em>은 {{Glossary("Internet")}}을 통해 접근 가능한 공용 웹페이지의 상호연결 시스템이다. 웹은 인터넷과 다르며, 인터넷을 기반으로 한 수많은 응용 프로그램 중 하나이다.</p>
+
+<p>팀 버너스리가 제안한 구조를 바탕으로 훗날 World Wide Web으로 알려질 것이 만들어졌다. 그는 1990년에 CERN 물리학 연구소에서 자신의 컴퓨터에 최초의 웹 {{Glossary("Server","server")}}, 웹 {{Glossary("Browser","browser")}}, 웹페이지를 만들었다. 곧바로 alt.hypertext 뉴스 그룹에 이 소식을 알렸고, 이것이 웹이 세상에 공식적으로 모습을 드러낸 첫 순간이었다.</p>
+
+<p>오늘날 우리가 "웹"이라고 알고 있는 시스템은 이러한 구성요소로 이루어져 있다:</p>
+
+<ul>
+ <li><strong>{{Glossary("HTTP")}}</strong> 프로토콜이 서버와 클라이언트 간의 데이터 전송을 관리한다.</li>
+ <li>웹 요소에 접근하기 위해 클라이언트는 <strong>{{Glossary("URL")}}</strong>(unifrom resource location)이라는 유일한 보편 식별자를 제공하거나, 또는 {{Glossary("URI")}}(uniform resource identifier)(공식적으로는 Universal Document Identifier (UDI)라고 부른다)를 제공해야 한다.</li>
+ <li><strong>{{Glossary("HTML")}}</strong> (hypertext markup language)은 웹 문서를 작성하는 데 가장 많이 쓰이는 형식이다.</li>
+</ul>
+
+<p>웹의 개념은 {{Glossary("Hyperlink","hyperlinks")}}로 링크되고 연결된 문서를 보면 잘 알 수 있다. 웹의 정체성은 연결된 문서들의 집합으로서 정의된다.</p>
+
+<p>웹이 발명되고 얼마 지나지 않아, 팀 버너스리는 웹의 발전과 표준화를 위해 {{Glossary("W3C")}} (World Wide Web Consortium)을 설립했다. 이 콘소시엄은 웹에 관심 있는 핵심 그룹으로 구성되어 있는데, 예를 들면 웹 브라우저 개발자, 정부 기관, 연구소, 대학들이 참가하고 있다. 이들은 웹에 대한 교육과 전파에도 힘쓰고 있다.<br>
+  </p>
+
+<h2 id="더_알아보기" style="line-height: 30px;">더 알아보기</h2>
+
+<h3 id="더_배우고_싶다면">더 배우고 싶다면</h3>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/en-US/Learn">Learn the Web</a></li>
+ <li><a href="https://learning.mozilla.org/web-literacy">Web literacy map</a> (an inventory of skills needed in Web development)</li>
+</ul>
+
+<h3 id="일반적인_지식" style="line-height: 24px;">일반적인 지식</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "World Wide Web")}} on Wikipedia</li>
+ <li><a href="http://w3.org">The W3C website</a></li>
+</ul>
diff --git a/files/ko/glossary/wrapper/index.html b/files/ko/glossary/wrapper/index.html
new file mode 100644
index 0000000000..3c0786921b
--- /dev/null
+++ b/files/ko/glossary/wrapper/index.html
@@ -0,0 +1,27 @@
+---
+title: Wrapper
+slug: Glossary/Wrapper
+translation_of: Glossary/Wrapper
+---
+<p>자바스크립트와 같은 프로그래밍 언어에서 래퍼는 하나 이상의 다른 기능들을 호출하기 위한 기능이며, 때로는 순전히 편의상, 때로는 프로세스에서 약간 다른 작업을 하도록 적응시키는 기능이다.</p>
+
+<p>예를 들어 AWS용 SDK 라이브러리는 래퍼의 한 예이다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적_지식">일반적 지식</h3>
+
+<p>Wikipedia의 {{Interwiki("wikipedia", "Wrapper function")}} </p>
+
+<section class="Quick_links" id="Quick_Links">
+<ol>
+ <li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
+
+  <ol>
+   <li>{{Glossary("API")}}</li>
+   <li>{{Glossary("Class")}}</li>
+   <li>{{Glossary("Function")}}</li>
+  </ol>
+ </li>
+</ol>
+</section>
diff --git a/files/ko/glossary/xhr_(xmlhttprequest)/index.html b/files/ko/glossary/xhr_(xmlhttprequest)/index.html
new file mode 100644
index 0000000000..8c69eafc92
--- /dev/null
+++ b/files/ko/glossary/xhr_(xmlhttprequest)/index.html
@@ -0,0 +1,26 @@
+---
+title: XHR (XMLHttpRequest)
+slug: Glossary/XHR_(XMLHttpRequest)
+tags:
+  - API
+  - CodingScripting
+  - Glossary
+translation_of: Glossary/XHR_(XMLHttpRequest)
+---
+<p>{{domxref("XMLHttpRequest")}}(XHR)은 {{Glossary("AJAX")}} 요청을 생성하는 {{Glossary("JavaScript")}} {{Glossary("API")}}입니다. XHR의 메서드로 {{Glossary("browser", "브라우저")}}와 {{Glossary("server", "서버")}}간의 네트워크 요청을 전송할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{interwiki("wikipedia", "XMLHttpRequest")}}</li>
+ <li><a href="http://peoplesofttutorial.com/difference-between-synchronous-and-asynchronous-messaging/">Synchronous vs. Asynchronous Communications</a></li>
+</ul>
+
+<h3 id="기술_정보">기술 정보</h3>
+
+<ul>
+ <li>{{domxref("XMLHttpRequest")}} 객체.</li>
+ <li><a href="/ko/docs/XMLHttpRequest/Using_XMLHttpRequest">XMLHttpRequest를 사용하는 방법에 관한 MDN 문서</a>.</li>
+</ul>
diff --git a/files/ko/glossary/동적_프로그래밍_언어/index.html b/files/ko/glossary/동적_프로그래밍_언어/index.html
new file mode 100644
index 0000000000..dc17a46f18
--- /dev/null
+++ b/files/ko/glossary/동적_프로그래밍_언어/index.html
@@ -0,0 +1,20 @@
+---
+title: 동적 프로그래밍 언어
+slug: Glossary/동적_프로그래밍_언어
+translation_of: Glossary/Dynamic_programming_language
+---
+<p>A <strong>dynamic programming language</strong> is a programming language in which operations otherwise done at compile-time can be done at run-time. For example, in JavaScript it is possible to change the type of a variable or add new properties or methods to an object while the program is running.</p>
+
+<p>This is opposed to so-called static programming languages, in which such changes are normally not possible.</p>
+
+<div class="note">
+<p>Note that while there is indeed a connection between this dynamic/static property of programming languages and <a href="/en-US/docs/Glossary/Dynamic_typing">dynamic</a>/<a href="/en-US/docs/Glossary/Static_typing">static-typing</a>, the two are far from synonymous.</p>
+</div>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Dynamic programming language")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/배열/index.html b/files/ko/glossary/배열/index.html
new file mode 100644
index 0000000000..b7f3f63957
--- /dev/null
+++ b/files/ko/glossary/배열/index.html
@@ -0,0 +1,30 @@
+---
+title: 배열
+slug: Glossary/배열
+tags:
+  - 배열
+translation_of: Glossary/array
+---
+<p>배열은 데이터의 순서가 있는 집합  (  언어어 따라 {{Glossary("primitive")}} 또는  {{Glossary("object")}}) 이다. 배열은 하나의 변수의 여러개의 값들을 저장하는데 사용된다.  이것은 단 하나의 값을 저장하는 변수와 비교된다. </p>
+
+<p>어떤 숫자 배열의 각 항목에 붙어 있는데 그것을 숫자 인덱스라고 부른다. 숫자 인덱스는 항목에 접근하게 해준다. 자바스크립에서 배열은 인덱스 0 (zero) 에서 시작하고 여러  {{Glossary("Method", "methods")}} 로 조작될 수 있다. </p>
+
+<p>자바에서 배열은 아래와 같이 보인다:</p>
+
+<pre>var myArray = [1, 2, 3, 4];
+var catNamesArray = ["Jacqueline", "Sophia", "Autumn"];
+//자바스크립트에서 배열은 위에서 보는 바와 같아ㅣ 여러 데이터 유형을 가질 수 있다. </pre>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Array data structure", "Array")}} on Wikipedia</li>
+</ul>
+
+<h3 id="Technical_reference">Technical reference</h3>
+
+<ul>
+ <li>JavaScript {{jsxref("Array")}} on MDN</li>
+</ul>
diff --git a/files/ko/glossary/불린/index.html b/files/ko/glossary/불린/index.html
new file mode 100644
index 0000000000..9d63373163
--- /dev/null
+++ b/files/ko/glossary/불린/index.html
@@ -0,0 +1,54 @@
+---
+title: 불린
+slug: Glossary/불린
+tags:
+  - 데이터 타입
+  - 부울
+  - 불린
+  - 자료 유형
+  - 자바스크립트
+  - 프로그래밍 언어
+translation_of: Glossary/Boolean
+---
+<p>컴퓨터 과학에서, <strong>불린(boolean)</strong>은 논리적인 데이터 유형이다. 불린은 <code>참(true)</code> 혹은 <code>거짓(false)</code> 값만을 가질 수 있다. 자바스크립트에서 불린 조건은 어떤 코드 부문이 실행되어야 할 지(예를 들어 <a href="/en-US/docs/Web/JavaScript/Reference/Statements/if...else">if 절</a> 안에서) 또는 어떤 코드 부문을 반복해야 할지(예를 들어 <a href="/en-US/docs/Web/JavaScript/Reference/Statements/for">for 문</a> 안에서) 결정하는 데 쓰인다.</p>
+
+<p>아래는 불린이 쓰일 수 있는 예시를 보여주는 유사코드이다(실행 가능한 코드가 아니다).</p>
+
+<pre>***JavaScript if Statement***
+if(boolean conditional) {
+   //coding
+}
+
+if(true) {
+  console.log("boolean conditional resolved to true");
+} else {
+    console.log("boolean conditional resolved to false");
+  }
+
+
+
+***JavaScript for Loop***
+for(control variable; boolean conditional; counter) {
+  //coding
+}
+
+for(var i=0; i&lt;4; i++) {
+  console.log("I print only when the boolean conditional is true");
+}</pre>
+
+<p>불린(Boolean)이란 이름은 기호 논리학 분야의 선구자인 영국 수학자 {{interwiki("wikipedia", "조지 불")}}의 이름을 따 만들어졌다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반적인_지식">일반적인 지식</h3>
+
+<ul>
+ <li>위키피디아, {{Interwiki("wikipedia", "Boolean data type", "불린")}}</li>
+</ul>
+
+<h3 id="참고문헌">참고문헌</h3>
+
+<ul>
+ <li>The JavaScript global object: {{jsxref("Boolean")}}</li>
+ <li><a href="/en-US/docs/Web/JavaScript/Data_structures">JavaScript data types and data structures</a></li>
+</ul>
diff --git a/files/ko/glossary/브라우저-컨텍스트/index.html b/files/ko/glossary/브라우저-컨텍스트/index.html
new file mode 100644
index 0000000000..e4d5fab662
--- /dev/null
+++ b/files/ko/glossary/브라우저-컨텍스트/index.html
@@ -0,0 +1,24 @@
+---
+title: 브라우징 맥락
+slug: Glossary/브라우저-컨텍스트
+tags:
+  - CodingScripting
+  - Glossary
+translation_of: Glossary/Browsing_context
+---
+<div>{{QuickLinksWithSubpages("/ko/docs/Glossary")}}</div>
+
+<p><strong>브라우징 맥락</strong>은 {{glossary("browser", "브라우저")}}가 {{domxref("Document")}}를 표시하는 환경을 말합니다. 오늘날에는 보통 탭이지만, 브라우저 창이나 페이지 내의 프레임도 가능합니다.</p>
+
+<p>각 브라우징 맥락은 특정 {{glossary("origin", "출처")}}, 활성화된 문서의 출처, 그리고 표시했던 모든 문서의 방문 기록을 가집니다.</p>
+
+<p>브라우징 맥락 간 통신은 엄격히 제한됩니다. 같은 출처를 가진 맥락끼리는 {{domxref("BroadcastChannel")}}을 열어 사용할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="기술_참조">기술 참조</h3>
+
+<ul>
+ <li><a href="https://html.spec.whatwg.org/multipage/browsers.html#windows">Browsing context on WHATWG</a></li>
+ <li><a href="http://w3c.github.io/html/browsers.html#sec-browsing-contexts">Browsing context on W3C</a></li>
+</ul>
diff --git a/files/ko/glossary/스코프/index.html b/files/ko/glossary/스코프/index.html
new file mode 100644
index 0000000000..259cc6b9f4
--- /dev/null
+++ b/files/ko/glossary/스코프/index.html
@@ -0,0 +1,39 @@
+---
+title: 스코프
+slug: Glossary/스코프
+translation_of: Glossary/Scope
+---
+<p>현재 실행되는 컨텍스트를 말한다. 여기서 컨텍스트는  {{glossary("값","값")}}과 <strong>표현식</strong>이<strong> "표현"</strong>되거나 참조 될 수 있음을 의미한다. 만약 <strong>{{glossary("변수")}}</strong> 또는 다른 표현식이 "해당 스코프"내에 있지 않다면 사용할 수 없다. 스코프는 또한 계층적인 구조를 가지기 때문에 하위 스코프는 상위 스코프에 접근할 수 있지만 반대는 불가하다.</p>
+
+<p><strong>{{glossary("함수")}}</strong>는<strong> </strong>{{glossary("자바스크립트")}}에서 <strong>클로저 </strong>역할을 하기 때문에 스코프를 생성하므로 함수 내에 정의된 변수는 외부 함수나 다른 함수 내에서는 접근 할 수 없다. 예를 들어 다음과 같은 상황은 유효하지 않다.</p>
+
+<pre class="brush: js notranslate">function exampleFunction() {
+    var x = "declared inside function";
+    // x는 오직 exampleFunction 내부에서만 사용 가능.
+    console.log("Inside function");
+    console.log(x);
+}
+
+console.log(x);  // 에러 발생</pre>
+
+<p>그러나 다음과 같은 코드는 변수가 함수 외부의 전역에서 선언되었기 때문에 유효하다. </p>
+
+<pre class="brush: js notranslate">var x = "declared outside function";
+
+exampleFunction();
+
+function exampleFunction() {
+    console.log("Inside function");
+    console.log(x);
+}
+
+console.log("Outside function");
+console.log(x);</pre>
+
+<h2 id="Learn_more">Learn more</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{Interwiki("wikipedia", "Scope (computer science)")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/식별자/index.html b/files/ko/glossary/식별자/index.html
new file mode 100644
index 0000000000..f306315b66
--- /dev/null
+++ b/files/ko/glossary/식별자/index.html
@@ -0,0 +1,21 @@
+---
+title: 식별자
+slug: Glossary/식별자
+tags:
+  - Beginner
+  - Glossary
+translation_of: Glossary/Identifier
+---
+<p><strong>식별자</strong>는 코드 내의 {{glossary("variable", "변수")}}, {{glossary("function", "함수")}}, 혹은 {{glossary("property", "속성")}}을 식별하는 문자열입니다.</p>
+
+<p>{{glossary("JavaScript")}}의 식별자는 대소문자를 구별하며 {{glossary("Unicode", "유니코드")}} 글자, <code>$</code>, <code>_</code>, 숫자(0-9)로 구성할 수 있지만, 숫자로 시작할 수는 없습니다.</p>
+
+<p>식별자는 코드의 일부이지만 문자열은 데이터이기 때문에, 식별자와 문자열은 다릅니다. JavaScript에서 식별자를 문자열로 변환하는 방법은 없지만, 어떤 경우 문자열을 분석해 식별자로 사용할 수 있습니다.</p>
+
+<h2 id="더_알아보기">더 알아보기</h2>
+
+<h3 id="일반_지식">일반 지식</h3>
+
+<ul>
+ <li>위키백과 {{interwiki("wikipedia", "식별자#컴퓨터_과학", "식별자")}}</li>
+</ul>
diff --git a/files/ko/glossary/전송_제어_프로토콜_(tcp)/index.html b/files/ko/glossary/전송_제어_프로토콜_(tcp)/index.html
new file mode 100644
index 0000000000..6644b8772c
--- /dev/null
+++ b/files/ko/glossary/전송_제어_프로토콜_(tcp)/index.html
@@ -0,0 +1,21 @@
+---
+title: 전송 제어 프로토콜
+slug: Glossary/전송_제어_프로토콜_(TCP)
+tags:
+  - 전송 제어 프로토콜
+translation_of: Glossary/Transmission_Control_Protocol_(TCP)
+---
+<p>TCP (Transmission Control Protocol)는 IP 네트워크의 두 컴퓨터 간의 연결 지향 통신을 위한 전송 계층 호스트 간 프로토콜입니다. TCP는 가상 포트를 사용하여 두 컴퓨터 간의 물리적 연결을 재사용 할 수 있는 가상 종단 간 연결을 만듭니다. TCP는 {{glossary ( 'HTTP')}} 및 {{glossary ( 'SMTP')}} (email)과 같은 상위 레벨 프로토콜 데이터를 캡슐화합니다.</p>
+
+<h2 id="TCP_핸드_셰이크"><strong>TCP 핸드 셰이크</strong></h2>
+
+<p><strong>TCP 3 방향 핸드 셰이크</strong>는 TCP-핸드셰이크라고 불립니다, 3개의 메시지 핸드 셰이크 및 / 또는 SYN-SYN-ACK라고도 하는 TCP 3 방향 핸드 셰이크는 TCP가 IP 기반 네트워크를 통해 TCP / IP 연결을 설정하는 데 사용하는 방법입니다. TCP 세션을 신뢰하기 위해 TCP에 의해 전송된 세 가지 메시지는 SYN, SYN-ACK,  <strong>SYN</strong>chronize를 위한 ACK는 <strong>SYN</strong>chronize-<strong>ACK</strong>nowledgement 와 ACKnowledge의 별칭입니다. 세 가지 메시지 메커니즘은 정보를 앞뒤로 전달하려는 두 컴퓨터 용으로 설계되었으며 HTTP 브라우저 요청과 같은 데이터를 전송하기 전에 연결 매개 변수를 신뢰할 수 있습니다.</p>
+
+<h2 id="See_also">See also</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Web/Security/Transport_Layer_Security">Transport Layer Security (TLS) protocol</a></li>
+ <li>{{Glossary("HTTPS")}}</li>
+ <li><a href="/en-US/docs/Web/Performance/Populating_the_page:_how_browsers_work">How browsers work</a></li>
+ <li>{{Interwiki("wikipedia", "Transport Layer Security")}} on Wikipedia</li>
+</ul>
diff --git a/files/ko/glossary/캐시/index.html b/files/ko/glossary/캐시/index.html
new file mode 100644
index 0000000000..6d45b6772c
--- /dev/null
+++ b/files/ko/glossary/캐시/index.html
@@ -0,0 +1,14 @@
+---
+title: 캐시
+slug: Glossary/캐시
+translation_of: Glossary/Cache
+---
+<p>캐시 (웹 캐시 또는 HTTP 캐시)는 HTTP 응답들(responses)을 일시적으로 저장하는 곳입니다. 이를 통해 그 다음 HTTP 요청들(requests)에서 특정 조건이 만족될 때까지 캐시에 저장한 리소스를 사용할 수 있습니다. </p>
+
+<h2 id="Learn_More">Learn More</h2>
+
+<h3 id="General_knowledge">General knowledge</h3>
+
+<ul>
+ <li>{{interwiki("wikipedia", "Web cache")}} on Wikipedia</li>
+</ul>
author	Peter Bengtsson <mail@peterbe.com>	2020-12-08 14:42:17 -0500
committer	Peter Bengtsson <mail@peterbe.com>	2020-12-08 14:42:17 -0500
commit	da78a9e329e272dedb2400b79a3bdeebff387d47 (patch)
tree	e6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/ko/glossary
parent	1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff)
download	translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2 translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip