Add arithmetic assignment operators (#1383)

* Add addition assignment

* Add division assignment

* Add exponentiation assignment

* Add multiplication assignment

* Add subtraction assignment

* Sync with English

* Add remainder assignment

6 files changed, 333 insertions, 0 deletions

diff --git a/files/ko/web/javascript/reference/operators/addition_assignment/index.html b/files/ko/web/javascript/reference/operators/addition_assignment/index.html
new file mode 100644
index 0000000000..ca52c6eeef
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/addition_assignment/index.html
@@ -0,0 +1,71 @@
+---
+title: 더하기 할당 (+=)
+slug: Web/JavaScript/Reference/Operators/Addition_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.addition_assignment
+translation_of: Web/JavaScript/Reference/Operators/Addition_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>
+  더하기 할당 연산자(<code>+=</code>)는 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당합니다. 두 피연산자의
+  타입이 더하기 할당 연산자의 동작을 결정하며, 덧셈 또는 문자열 연결이 가능합니다.
+</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-addition-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x += y // x = x + y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_addition_assignment">더하기 할당 사용하기</h3>
+
+<pre class="brush: js">
+// foo = 'foo'
+// bar = 5
+// baz = true
+// 위와 같은 변수를 가정할 때
+
+// Number + Number -&gt; 덧셈
+bar += 2 // 7
+
+// Boolean + Number -&gt; 덧셈
+baz += 1 // 2
+
+// Boolean + Boolean -&gt; 덧셈
+baz += false // 1
+
+// Number + String -&gt; 연결
+bar += 'foo' // "5foo"
+
+// String + Boolean -&gt; 연결
+foo += false // "foofalse"
+
+// String + String -&gt; 연결
+foo += 'bar' // "foobar"
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Addition">더하기 연산자</a></li>
+</ul>
diff --git a/files/ko/web/javascript/reference/operators/division_assignment/index.html b/files/ko/web/javascript/reference/operators/division_assignment/index.html
new file mode 100644
index 0000000000..6de3d76281
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/division_assignment/index.html
@@ -0,0 +1,55 @@
+---
+title: 나누기 할당 (/=)
+slug: Web/JavaScript/Reference/Operators/Division_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.division_assignment
+translation_of: Web/JavaScript/Reference/Operators/Division_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>
+  나누기 할당 연산자(<code>/=</code>)는 오른쪽 피연산자의 값으로 변수를 나눈 결과를 다시 변수에 할당합니다.
+</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-division-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x /= y // x = x / y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_division_assignment">나누기 할당 사용하기</h3>
+
+<pre class="brush: js">
+// bar = 5
+// 위와 같은 변수를 가정하고, 아래의 모든 연산을 순서대로 실행할 때
+
+bar /= 2     // 2.5
+bar /= 2     // 1.25
+bar /= 0     // Infinity
+bar /= 'foo' // NaN
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Division">나누기 연산자</a></li>
+</ul>
diff --git a/files/ko/web/javascript/reference/operators/exponentiation_assignment/index.html b/files/ko/web/javascript/reference/operators/exponentiation_assignment/index.html
new file mode 100644
index 0000000000..2b741ecff9
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/exponentiation_assignment/index.html
@@ -0,0 +1,53 @@
+---
+title: 거듭제곱 할당 (**=)
+slug: Web/JavaScript/Reference/Operators/Exponentiation_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.exponentiation_assignment
+translation_of: Web/JavaScript/Reference/Operators/Exponentiation_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>
+  거듭제곱 할당 연산자(<code>**=</code>)는 오른쪽 피연산자의 값으로 변수를 거듭제곱한 결과를 다시 변수에 할당합니다.
+</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-exponentiation-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x **= y // x = x ** y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_exponentiation_assignment">거듭제곱 할당 사용하기</h3>
+
+<pre class="brush: js">
+// bar = 5
+// 위와 같은 변수를 가정할 때
+
+bar **= 2     // 25
+bar **= 'foo' // NaN
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Exponentiation">거듭제곱 연산자</a></li>
+</ul>
diff --git a/files/ko/web/javascript/reference/operators/multiplication_assignment/index.html b/files/ko/web/javascript/reference/operators/multiplication_assignment/index.html
new file mode 100644
index 0000000000..cf6916bfe7
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/multiplication_assignment/index.html
@@ -0,0 +1,51 @@
+---
+title: 곱하기 할당 (*=)
+slug: Web/JavaScript/Reference/Operators/Multiplication_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.multiplication_assignment
+translation_of: Web/JavaScript/Reference/Operators/Multiplication_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>곱하기 할당 연산자(<code>*=</code>)는 오른쪽 피연산자의 값을 변수에 곱한 결과를 다시 변수에 할당합니다.</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-multiplication-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x *= y // x = x * y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_multiplication_assignment">곱하기 할당 사용하기</h3>
+
+<pre class="brush: js">
+// bar = 5
+// 위와 같은 변수를 가정할 때
+
+bar *= 2     // 10
+bar *= 'foo' // NaN
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Multiplication">곱하기 연산자</a></li>
+</ul>
diff --git a/files/ko/web/javascript/reference/operators/remainder_assignment/index.html b/files/ko/web/javascript/reference/operators/remainder_assignment/index.html
new file mode 100644
index 0000000000..013dce4cb0
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/remainder_assignment/index.html
@@ -0,0 +1,52 @@
+---
+title: 나머지 할당 (%=)
+slug: Web/JavaScript/Reference/Operators/Remainder_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.remainder_assignment
+translation_of: Web/JavaScript/Reference/Operators/Remainder_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>나머지 할당 연산자(<code>%=</code>)는 오른쪽 피연산자의 값으로 변수를 나눴을 때의 나머지를 다시 변수에 할당합니다.</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-remainder-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x %= y // x = x % y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_subtraction_assignment">나머지 할당 사용하기</h3>
+
+<pre class="brush: js">
+// bar = 5
+// 위와 같은 변수를 가정할 때
+
+bar %= 2     // 1
+bar %= 'foo' // NaN
+bar %= 0     // NaN
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Remainder">나머지 연산자</a></li>
+</ul>
diff --git a/files/ko/web/javascript/reference/operators/subtraction_assignment/index.html b/files/ko/web/javascript/reference/operators/subtraction_assignment/index.html
new file mode 100644
index 0000000000..53ea2d0174
--- /dev/null
+++ b/files/ko/web/javascript/reference/operators/subtraction_assignment/index.html
@@ -0,0 +1,51 @@
+---
+title: 빼기 할당 (-=)
+slug: Web/JavaScript/Reference/Operators/Subtraction_assignment
+tags:
+  - Assignment operator
+  - JavaScript
+  - Language feature
+  - Operator
+  - Reference
+browser-compat: javascript.operators.subtraction_assignment
+translation_of: Web/JavaScript/Reference/Operators/Subtraction_assignment
+---
+
+<div>{{jsSidebar("Operators")}}</div>
+
+<p>빼기 할당 연산자(<code>-=</code>)는 오른쪽 피연산자의 값을 변수에서 뺀 결과를 다시 변수에 할당합니다.</p>
+
+<div>{{EmbedInteractiveExample("pages/js/expressions-subtraction-assignment.html")}}</div>
+
+<h2 id="syntax">구문</h2>
+
+<pre class="brush: js">x -= y // x = x - y</pre>
+
+<h2 id="examples">예제</h2>
+
+<h3 id="using_subtraction_assignment">빼기 할당 사용하기</h3>
+
+<pre class="brush: js">
+// bar = 5
+// 위와 같은 변수를 가정할 때
+
+bar -= 2     // 3
+bar -= 'foo' // NaN
+</pre>
+
+<h2 id="specifications">명세</h2>
+
+{{Specifications}}
+
+<h2 id="browser_compatibility">브라우저 호환성</h2>
+
+<p>{{Compat}}</p>
+
+<h2 id="see_also">같이 보기</h2>
+
+<ul>
+  <li>
+    <a href="/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#assignment">JavaScript 안내서의 할당 연산자</a>
+  </li>
+  <li><a href="/ko/docs/Web/JavaScript/Reference/Operators/Subtraction">빼기 연산자</a></li>
+</ul>