Update JS reference index page (#1581)

1 files changed, 382 insertions, 20 deletions

diff --git a/files/ko/web/javascript/reference/index.html b/files/ko/web/javascript/reference/index.html
index c7d883f2b1..38ca8a5227 100644
--- a/files/ko/web/javascript/reference/index.html
+++ b/files/ko/web/javascript/reference/index.html
@@ -1,48 +1,410 @@
 ---
-title: JavaScript 참고자료
+title: JavaScript 참고서
 slug: Web/JavaScript/Reference
 tags:
+  - Code
+  - ECMAScript
+  - ECMAScript6
+  - ES6
+  - JS
   - JavaScript
+  - Landing page
+  - Reference
+  - es
+  - l10n:priority
+  - programming
 translation_of: Web/JavaScript/Reference
 ---
+
 <div>{{JsSidebar}}</div>
 
-<p>MDN 내 JavaScript 절의 이 부분은 JavaScript 언어에 관한 정보 저장소(facts repository)로 쓸 수 있습니다. <a href="/ko/docs/Web/JavaScript/Reference/About">이 참고서에 관하여</a>를 더 읽어보세요.</p>
+<p>
+  이 페이지는 JavaScript 언어에 대한 정보 보관소입니다.
+  <a href="/ko/docs/Web/JavaScript/Reference/About">이 참고서에 대해 더 읽어보세요</a>.
+</p>
+
+<h2 id="built-ins">내장 객체</h2>
+
+<p>
+  <a href="/ko/docs/Web/JavaScript/Reference/Global_Objects">JavaScript 표준 내장 객체</a>와 그 메서드 및 속성입니다.
+</p>
+
+<h3 id="value_properties">값 속성</h3>
+
+<ul>
+  <li>{{JSxRef("globalThis")}}</li>
+  <li>{{JSxRef("Infinity")}}</li>
+  <li>{{JSxRef("NaN")}}</li>
+  <li>{{JSxRef("undefined")}}</li>
+</ul>
+
+<h3 id="function_properties">함수 속성</h3>
+
+<ul>
+  <li>{{JSxRef("Global_Objects/eval", "eval()")}}</li>
+  <li>{{JSxRef("Global_Objects/isFinite", "isFinite()")}}</li>
+  <li>{{JSxRef("Global_Objects/isNaN", "isNaN()")}}</li>
+  <li>{{JSxRef("Global_Objects/parseFloat", "parseFloat()")}}</li>
+  <li>{{JSxRef("Global_Objects/parseInt", "parseInt()")}}</li>
+  <li>{{JSxRef("Global_Objects/decodeURI", "decodeURI()")}}</li>
+  <li>{{JSxRef("Global_Objects/decodeURIComponent", "decodeURIComponent()")}}</li>
+  <li>{{JSxRef("Global_Objects/encodeURI", "encodeURI()")}}</li>
+  <li>{{JSxRef("Global_Objects/encodeURIComponent", "encodeURIComponent()")}}</li>
+</ul>
+
+<h3 id="fundamental_objects">기초 객체</h3>
+
+<ul>
+  <li>{{JSxRef("Object")}}</li>
+  <li>{{JSxRef("Function")}}</li>
+  <li>{{JSxRef("Boolean")}}</li>
+  <li>{{JSxRef("Symbol")}}</li>
+</ul>
+
+<h3 id="error_objects">오류 객체</h3>
+
+<ul>
+  <li>{{JSxRef("Error")}}</li>
+  <li>{{JSxRef("EvalError")}}</li>
+  <li>{{JSxRef("RangeError")}}</li>
+  <li>{{JSxRef("ReferenceError")}}</li>
+  <li>{{JSxRef("SyntaxError")}}</li>
+  <li>{{JSxRef("TypeError")}}</li>
+  <li>{{JSxRef("URIError")}}</li>
+  <li>{{JSxRef("AggregateError")}}</li>
+</ul>
+
+<h3 id="numbers_dates">숫자와 날짜</h3>
+
+<ul>
+  <li>{{JSxRef("Number")}}</li>
+  <li>{{JSxRef("BigInt")}}</li>
+  <li>{{JSxRef("Math")}}</li>
+  <li>{{JSxRef("Date")}}</li>
+</ul>
+
+<h3 id="text_processing">텍스트 처리</h3>
+
+<ul>
+  <li>{{JSxRef("String")}}</li>
+  <li>{{JSxRef("RegExp")}}</li>
+</ul>
+
+<h3 id="indexed_collections">인덱스 콜렉션</h3>
+
+<ul>
+  <li>{{JSxRef("Array")}}</li>
+  <li>{{JSxRef("Int8Array")}}</li>
+  <li>{{JSxRef("Uint8Array")}}</li>
+  <li>{{JSxRef("Uint8ClampedArray")}}</li>
+  <li>{{JSxRef("Int16Array")}}</li>
+  <li>{{JSxRef("Uint16Array")}}</li>
+  <li>{{JSxRef("Int32Array")}}</li>
+  <li>{{JSxRef("Uint32Array")}}</li>
+  <li>{{JSxRef("BigInt64Array")}}</li>
+  <li>{{JSxRef("BigUint64Array")}}</li>
+  <li>{{JSxRef("Float32Array")}}</li>
+  <li>{{JSxRef("Float64Array")}}</li>
+</ul>
+
+<h3 id="keyed_collections">키 콜렉션</h3>
+
+<ul>
+  <li>{{JSxRef("Map")}}</li>
+  <li>{{JSxRef("Set")}}</li>
+  <li>{{JSxRef("WeakMap")}}</li>
+  <li>{{JSxRef("WeakSet")}}</li>
+</ul>
+
+<h3 id="structured_data">구조화된 데이터</h3>
+
+<ul>
+  <li>{{JSxRef("ArrayBuffer")}}</li>
+  <li>{{JSxRef("SharedArrayBuffer")}}</li>
+  <li>{{JSxRef("Atomics")}}</li>
+  <li>{{JSxRef("DataView")}}</li>
+  <li>{{JSxRef("JSON")}}</li>
+</ul>
+
+<h3 id="memory_management">메모리 관리</h3>
+
+<ul>
+  <li>{{JSxRef("WeakRef")}}</li>
+  <li>{{JsxRef("FinalizationRegistry")}}</li>
+</ul>
+
+<h3 id="control_abstraction">제어 추상화</h3>
+
+<ul>
+  <li>{{JSxRef("Promise")}}</li>
+  <li>{{JSxRef("GeneratorFunction")}}</li>
+  <li>{{JSxRef("AsyncGeneratorFunction")}}</li>
+  <li>{{JSxRef("Generator")}}</li>
+  <li>{{JSxRef("AsyncGenerator")}}</li>
+  <li>{{JSxRef("AsyncFunction")}}</li>
+</ul>
+
+<h3 id="reflection">리플렉션</h3>
+
+<ul>
+  <li>{{JSxRef("Reflect")}}</li>
+  <li>{{JSxRef("Proxy")}}</li>
+</ul>
+
+<h3 id="internationalization">국제화</h3>
+
+<ul>
+  <li>{{JSxRef("Intl")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/Collator", "Intl.Collator")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/DateTimeFormat", "Intl.DateTimeFormat")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/DisplayNames", "Intl.DisplayNames")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/ListFormat", "Intl.ListFormat")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/Locale", "Intl.Locale")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/NumberFormat", "Intl.NumberFormat")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/PluralRules", "Intl.PluralRules")}}</li>
+  <li>{{JSxRef("Global_Objects/Intl/RelativeTimeFormat", "Intl.RelativeTimeFormat")}}</li>
+</ul>
+
+<h3 id="webassembly">WebAssembly</h3>
+
+<ul>
+  <li>{{JSxRef("WebAssembly")}}</li>
+  <li>{{JSxRef("WebAssembly.Module")}}</li>
+  <li>{{JSxRef("WebAssembly.Instance")}}</li>
+  <li>{{JSxRef("WebAssembly.Memory")}}</li>
+  <li>{{JSxRef("WebAssembly.Table")}}</li>
+  <li>{{JSxRef("WebAssembly.CompileError")}}</li>
+  <li>{{JSxRef("WebAssembly.LinkError")}}</li>
+  <li>{{JSxRef("WebAssembly.RuntimeError")}}</li>
+</ul>
+
+<h2 id="statements">명령문</h2>
+
+<p><a href="/ko/docs/Web/JavaScript/Reference/Statements">JavaScript 명령문과 선언문</a>입니다.</p>
+
+<h3 id="control_flow">흐름 제어</h3>
+
+<ul>
+  <li>{{jsxref("Statements/block", "블록", "", 1)}}</li>
+  <li>{{jsxref("Statements/Empty", "빈 명령문", "", 1)}}</li>
+  <li>{{jsxref("Statements/break", "break")}}</li>
+  <li>{{jsxref("Statements/continue", "continue")}}</li>
+  <li>{{jsxref("Statements/if...else", "if...else")}}</li>
+  <li>{{jsxref("Statements/switch", "switch")}}</li>
+  <li>{{jsxref("Statements/throw", "throw")}}</li>
+  <li>{{jsxref("Statements/try...catch", "try...catch")}}</li>
+</ul>
+
+<h3 id="declarations">선언</h3>
+
+<ul>
+  <li>{{jsxref("Statements/var", "var")}}</li>
+  <li>{{jsxref("Statements/let", "let")}}</li>
+  <li>{{jsxref("Statements/const", "const")}}</li>
+</ul>
+
+<h3 id="functions_and_classes">함수와 클래스</h3>
+
+<ul>
+  <li>{{jsxref("Statements/function", "function")}}</li>
+  <li>{{jsxref("Statements/function*", "function*")}}</li>
+  <li>{{jsxref("Statements/async_function", "async function")}}</li>
+  <li>{{jsxref("Statements/return", "return")}}</li>
+  <li>{{jsxref("Statements/class", "class")}}</li>
+</ul>
+
+<h3 id="iterations">순회와 반복</h3>
+
+<ul>
+  <li>{{jsxref("Statements/do...while", "do...while")}}</li>
+  <li>{{jsxref("Statements/for", "for")}}</li>
+  <li>{{jsxref("Statements/for_each...in", "for each...in")}}</li>
+  <li>{{jsxref("Statements/for...in", "for...in")}}</li>
+  <li>{{jsxref("Statements/for...of", "for...of")}}</li>
+  <li>{{jsxref("Statements/for-await...of", "for await...of")}}</li>
+  <li>{{jsxref("Statements/while", "while")}}</li>
+</ul>
+
+<h3 id="other">기타</h3>
+
+<ul>
+  <li>{{jsxref("Statements/debugger", "debugger")}}</li>
+  <li>{{jsxref("Statements/export", "export")}}</li>
+  <li>{{jsxref("Statements/import", "import")}}</li>
+  <li>{{jsxref("Statements/label", "label")}}</li>
+  <li>{{jsxref("Statements/with", "with")}}</li>
+</ul>
+
+<h2 id="expressions_and_operators">표현식 및 연산자</h2>
+
+<p><a href="/ko/docs/Web/JavaScript/Reference/Operators">JavaScript 표현식과 연산자</a>입니다.</p>
+
+<h3 id="primary_expressions">일차 표현식</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/this", "this")}}</li>
+  <li>{{JSxRef("Operators/function", "function")}}</li>
+  <li>{{JSxRef("Operators/class", "class")}}</li>
+  <li>{{JSxRef("Operators/function*", "function*")}}</li>
+  <li>{{JSxRef("Operators/yield", "yield")}}</li>
+  <li>{{JSxRef("Operators/yield*", "yield*")}}</li>
+  <li>{{JSxRef("Operators/async_function", "async function")}}</li>
+  <li>{{JSxRef("Operators/await", "await")}}</li>
+  <li>{{JSxRef("Global_Objects/Array", "[]")}}</li>
+  <li>{{JSxRef("Operators/Object_initializer", "{}")}}</li>
+  <li>{{JSxRef("Global_Objects/RegExp", "/ab+c/i")}}</li>
+  <li>{{JSxRef("Operators/Grouping", "( )")}}</li>
+  <li>{{JSxRef("null")}}</li>
+</ul>
 
-<h2 id="전역_객체들">전역 객체들</h2>
+<h3 id="left-hand-side_expressions">좌변 표현식</h3>
 
-<p>이 장은 모든 <a href="/ko/docs/Web/JavaScript/Reference/Global_Objects">JavaScript 표준 내장 객체</a>를, 메서드 및 속성(property)을 위주로 문서화합니다.</p>
+<ul>
+  <li>{{JSxRef("Operators/Property_accessors", "Property accessors", "", 1)}}</li>
+  <li>{{JSxRef("Operators/Optional_chaining", "<code>?.</code> (옵셔널 체이닝))", "", 1)}}</li>
+  <li>{{JSxRef("Operators/new", "new")}}</li>
+  <li>{{JSxRef("Operators/new%2Etarget", "new.target")}}</li>
+  <li>{{JSxRef("Statements/import%2Emeta", "import.meta")}}</li>
+  <li>{{JSxRef("Operators/super", "super")}}</li>
+  <li>{{JSxRef("Operators/Spread_syntax", "...obj")}}</li>
+</ul>
 
-<div>{{page('/ko/docs/Web/JavaScript/Reference/Global_Objects', '항목별_표준_객체')}}</div>
+<h3 id="increment_decrement">증감</h3>
 
-<h2 id="문">문</h2>
+<ul>
+  <li>{{JSxRef("Operators/Increment", "A++")}}</li>
+  <li>{{JSxRef("Operators/Decrement", "A--")}}</li>
+  <li>{{JSxRef("Operators/Increment", "++A")}}</li>
+  <li>{{JSxRef("Operators/Decrement", "--A")}}</li>
+</ul>
 
-<p>이 장은 모든 <a href="/ko/docs/Web/JavaScript/Reference/Statements" title="JavaScript statements and declarations">JavaScript 문 및 선언</a>을 문서화합니다.</p>
+<h3 id="unary_operators">단항 연산자</h3>
 
-<div>{{page('/ko/docs/Web/JavaScript/Reference/Statements', '항목별_문_및_선언')}}</div>
+<ul>
+  <li>{{JSxRef("Operators/delete", "delete")}}</li>
+  <li>{{JSxRef("Operators/void", "void")}}</li>
+  <li>{{JSxRef("Operators/typeof", "typeof")}}</li>
+  <li>{{JSxRef("Operators/Unary_plus", "+")}}</li>
+  <li>{{JSxRef("Operators/Unary_negation", "-")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_NOT", "~")}}</li>
+  <li>{{JSxRef("Operators/Logical_NOT", "!")}}</li>
+</ul>
 
-<h2 id="표현식_및_연산자">표현식 및 연산자</h2>
+<h3 id="arithmetic_operators">산술 연산자</h3>
 
-<p>이 장은 모든 <a href="/ko/docs/Web/JavaScript/Reference/Operators" title="JavaScript expressions and operators">JavaScript 표현식 및 연산자</a>를 문서화합니다.</p>
+<ul>
+  <li>{{JSxRef("Operators/Addition", "+")}}</li>
+  <li>{{JSxRef("Operators/Subtraction", "-")}}</li>
+  <li>{{JSxRef("Operators/Division", "/")}}</li>
+  <li>{{JSxRef("Operators/Multiplication", "*")}}</li>
+  <li>{{JSxRef("Operators/Remainder", "%")}}</li>
+  <li>{{JSxRef("Operators/Exponentiation", "**")}}</li>
+</ul>
 
-<div>{{page('/ko/docs/Web/JavaScript/Reference/Operators', '항목별_식_및_연산자')}}</div>
+<h3 id="relational_operators">관계 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/in", "in")}}</li>
+  <li>{{JSxRef("Operators/instanceof", "instanceof")}}</li>
+  <li>{{JSxRef("Operators/Less_than", "&lt;")}}</li>
+  <li>{{JSxRef("Operators/Greater_than", "&gt;")}}</li>
+  <li>{{JSxRef("Operators/Less_than_or_equal", "&lt;=")}}</li>
+  <li>{{JSxRef("Operators/Greater_than_or_equal", "&gt;=")}}</li>
+</ul>
+
+<h3 id="equality_operators">동일 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Equality", "==")}}</li>
+  <li>{{JSxRef("Operators/Inequality", "!=")}}</li>
+  <li>{{JSxRef("Operators/Strict_equality", "===")}}</li>
+  <li>{{JSxRef("Operators/Strict_inequality", "!==")}}</li>
+</ul>
+
+<h3 id="bitwise_shift_operators">비트 시프트 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Left_shift", "&lt;&lt;")}}</li>
+  <li>{{JSxRef("Operators/Right_shift", "&gt;&gt;")}}</li>
+  <li>{{JSxRef("Operators/Unsigned_right_shift", "&gt;&gt;&gt;")}}</li>
+</ul>
+
+<h3 id="binary_bitwise_operators">이진 비트 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Bitwise_AND", "&amp;")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_OR", "|")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_XOR", "^")}}</li>
+</ul>
+
+<h3 id="binary_logical_operators">이진 논리 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Logical_AND", "&amp;&amp;")}}</li>
+  <li>{{JSxRef("Operators/Logical_OR", "||")}}</li>
+  <li>{{JSxRef("Operators/Nullish_coalescing_operator", "??")}}</li>
+</ul>
+
+<h3 id="conditional_ternary_operator">조건(삼항) 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Conditional_Operator", "(condition ? ifTrue : ifFalse)")}}</li>
+</ul>
+
+<h3 id="assignment_operators">할당 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Assignment", "=")}}</li>
+  <li>{{JSxRef("Operators/Multiplication_assignment", "*=")}}</li>
+  <li>{{JSxRef("Operators/Exponentiation_assignment", "**=")}}</li>
+  <li>{{JSxRef("Operators/Division_assignment", "/=")}}</li>
+  <li>{{JSxRef("Operators/Remainder_assignment", "%=")}}</li>
+  <li>{{JSxRef("Operators/Addition_assignment", "+=")}}</li>
+  <li>{{JSxRef("Operators/Subtraction_assignment", "-=")}}</li>
+  <li>{{JSxRef("Operators/Left_shift_assignment", "&lt;&lt;=")}}</li>
+  <li>{{JSxRef("Operators/Right_shift_assignment", "&gt;&gt;=")}}</li>
+  <li>{{JSxRef("Operators/Unsigned_right_shift_assignment", "&gt;&gt;&gt;=")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_AND_assignment", "&amp;=")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_XOR_assignment", "^=")}}</li>
+  <li>{{JSxRef("Operators/Bitwise_OR_assignment", "|=")}}</li>
+  <li>{{JSxRef("Operators/Logical_AND_assignment", "&amp;&amp;=")}}</li>
+  <li>{{JSxRef("Operators/Logical_OR_assignment", "||=")}}</li>
+  <li>{{JSxRef("Operators/Logical_nullish_assignment", "??=")}}</li>
+  <li>{{JSxRef("Operators/Destructuring_assignment", "[a, b] = [1, 2]")}}</li>
+  <li>{{JSxRef("Operators/Destructuring_assignment", "{a, b} = {a:1, b:2}")}}</li>
+</ul>
+
+<h3 id="comma_operators">쉼표 연산자</h3>
+
+<ul>
+  <li>{{JSxRef("Operators/Comma_Operator", ",")}}</li>
+</ul>
 
 <h2 id="함수">함수</h2>
 
-<p>이 장은 응용 프로그램을 개발하기 위해 <a href="/ko/docs/Web/JavaScript/Reference/Functions">JavaScript 함수</a>로 작업하는 법을 문서화합니다.</p>
+<p>
+  이 장은 응용 프로그램을 개발할 때 <a href="/ko/docs/Web/JavaScript/Reference/Functions">JavaScript 함수</a>를 사용하는
+  법을 설명합니다.
+</p>
 
 <ul>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Functions/arguments"><code>arguments</code></a></li>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Functions/애로우_펑션" title="Arrow functions">화살표 함수</a></li>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Functions/Default_parameters" title="Default parameters">기본 매개변수</a></li>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters" title="Rest parameters">나머지 매개변수</a></li>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Reference/Functions/arguments"><code>arguments</code></a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions">화살표 함수</a></li>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Reference/Functions/Default_parameters">기본 매개변수</a>
+  </li>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters">나머지 매개변수</a>
+  </li>
 </ul>
 
 <h2 id="추가_참고_페이지">추가 참고 페이지</h2>
 
 <ul>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Lexical_grammar" title="Lexical grammar">어휘 문법</a></li>
- <li><a href="/ko/docs/Web/JavaScript/Data_structures" title="Data types and data structures">데이터 형 및 데이터 구조</a></li>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Strict_mode" title="Strict mode">엄격 모드</a></li>
- <li><a href="/ko/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features" title="Deprecated features">사라진 기능</a></li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Lexical_grammar">어휘 구문</a></li>
+  <li><a href="/ko/docs/Web/JavaScript/Data_structures">자료형과 자료 구조</a></li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Strict_mode">엄격 모드</a></li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features">사라진 기능</a></li>
 </ul>