[FIX] Javascript main page translation (#935)

* [FIX] JS strong tag && space, javascript

* [FIX] url link

* [FIX] wiki other usage link

* [FIX] javascript about page absolube link

* [FIX] first paragraph

* [FIX] paragraph 2

* [FIX] paragraph 3, javascript

* [FIX] paragraph 3, javascript

* [FEAT] add front banner

* [FIX] heading tutorial

* [FEAT] beginner guide

* [FEAT] complete beginner guide

* [FIX] intermediate guide

* [FIX] advance guide

* [FIX] reference

* [FEAT] add tools and resources

* [FEAT] add tags

1 files changed, 73 insertions, 51 deletions

diff --git a/files/ko/web/javascript/index.html b/files/ko/web/javascript/index.html
index 923d422500..20240d4edf 100644
--- a/files/ko/web/javascript/index.html
+++ b/files/ko/web/javascript/index.html
@@ -4,93 +4,101 @@ slug: Web/JavaScript
 tags:
   - JavaScript
   - Landing
+  - Landing page
   - Learn
-  - 'l10n:priority'
+  - l10n:priority
   - 자바스크립트
 translation_of: Web/JavaScript
 ---
 <div>{{JsSidebar}}</div>
 
-<p class="summary"><span class="seoSummary"><strong>JavaScript</strong>(JS)는 가벼운 인터프리터 또는 <a href="https://ko.wikipedia.org/wiki/JIT_%EC%BB%B4%ED%8C%8C%EC%9D%BC">JIT 컴파일</a> 프로그래밍 언어로, {{Glossary("First-class Function", "일급 함수")}}를 지원합니다. 웹 페이지의 스크립트 언어로서 제일 유명하지만 {{Glossary("Node.js")}}, <a href="https://couchdb.apache.org/">Apache CouchDB</a>, <a href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>처럼 <a class="external" href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_Web_pages">많은 비 브라우저 환경</a>에서도 사용하고 있습니다.</span> JavaScript는 {{Glossary("Prototype-based programming", "프로토타입 기반")}}의 동적 다중 패러다임 스크립트 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다. 자세한 내용은 <a href="/ko/docs/Web/JavaScript/About">JavaScript에 대하여</a>를 참고하세요.</p>
+<p><span><strong>JavaScript</strong> (<strong>JS</strong>)는 경량, 인터프리터 혹은 <a href="https://ko.wikipedia.org/wiki/JIT_%EC%BB%B4%ED%8C%8C%EC%9D%BC">just-in-time</a> 컴파일 프로그래밍 언어로, {{Glossary("First-class Function", "일급 함수")}}를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만,  {{Glossary("Node.js")}}, <a href="https://couchdb.apache.org/">Apache CouchDB</a>, <a href="http://www.adobe.com/devnet/acrobat/javascript.html">Adobe Acrobat</a>처럼 <a href="https://en.wikipedia.org/wiki/JavaScript#Other_usage">많은 비 브라우저 환경</a>에서도 사용하고 있습니다.</span> JavaScript는 {{Glossary("Prototype-based programming", "프로토타입 기반")}}, 다중 패러다임, 단일 스레드, 동적 언어로, 객체지향형, 명령형, 선언형(함수형 프로그래밍 등) 스타일을 지원합니다. 자세한 내용은 <a href="/ko/docs/Web/JavaScript/About_JavaScript">JavaScript에 대하여</a>를 참고하세요.</p>
 
-<p>이 문서는 JavaScript 언어 자체만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지의 특정 {{Glossary("API")}}에 대하여 알고 싶다면 <a href="/ko/docs/Web/API">웹 API</a>와 <a href="/ko/docs/Glossary/DOM">DOM</a>을 참고하시기 바랍니다.</p>
+<p>해당 절은 JavaScript 언어 자체를 다루며 웹 페이지를 또는 다른 사용 환경에 대한 특정 부분이 아닙니다. 웹 페이지의 특정 {{Glossary("API","API")}}에 대한 정보를 알고 싶다면, <a href="/ko/docs/Web/API">웹 API</a>와 {{Glossary("DOM")}}을 참고하시기 바랍니다.</p>
 
-<p>JavaScript의 표준은 <a href="/ko/docs/Web/JavaScript/언어_리소스">ECMAScript</a>입니다. 2012년 기준 <a href="http://kangax.github.io/compat-table/es5/">최신 브라우저</a>는 모두 ECMAScript 5.1을 온전히 지원합니다. 이전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. 2015년 6월 17일 <a href="http://www.ecma-international.org">ECMA International</a>에서는 공식명 ECMAScript 2015 로 불리는 ECMAScript의 6번째 주 버전을 발표했습니다(보통 ECMAScript 6 혹은 ES6으로 불립니다). 그 이후 ECMAScript 표준의 출시 주기는 1년입니다. 이 문서는 최신 초안(현재 <a class="external" href="https://tc39.github.io/ecma262/">ECMAScript 2020</a>)에 기반을 둡니다.</p>
+<p>JavaScript의 표준은 <a href="https://tc39.es/ecma262/">ECMAScript 언어 사양</a> (ECMA-262) 및 <a href="https://tc39.es/ecma402/">ECMAScript 국제화 API 사양</a> (ECMA-402)입니다. MDN 전체의 JavaScript 문서는 ECMA-262 및 ECMA-402의 최신 초안 버전을 기반으로합니다. <a href="https://github.com/tc39/proposals">새로운 ECMAScript 기능에 대한 일부 제안</a>이 이미 브라우저에 구현 된 경우, MDN 기사의 문서 및 예제에서 이러한 새로운 기능 중 일부를 사용할 수 있습니다.
 
-<p>JavaScript를 <a href="https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)">Java 프로그래밍 언어</a>와 혼동해서는 안 됩니다. "Java"와 "JavaScript" 두 가지 모두 Oracle이 미국 및 기타 국가에 등록한 상표입니다. 하지만, 두 언어는 문법 체계와 사용 방법이 전혀 다릅니다.</p>
+<p>JavaScript와 <a href="https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94_(%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4)">Java 프로그래밍 언어</a>를 혼동해서는 안 됩니다. "Java"와 "JavaScript" 는 모두 상표 또는 미국 및 기타 국가에서 등록된 Oracle의 상표입니다. 그러나 두 프로그래밍 언어는 구문, 의미 및 사용 방법이 매우 다릅니다.</p>
 
-<div class="column-container">
-<div class="column-half">
-<h2 id="자습서">자습서</h2>
+<div class="callout">
+  <h4 id="Looking_to_become_a_front-end_web_developer">프론트 엔드 웹 개발자가되고 싶으신가요?</h4>
 
-<p>안내서 및 자습서와 함께 JavaScript 프로그램을 짜는 법을 알아보세요.</p>
+  <p>목표 달성에 필요한 모든 필수 정보가 포함된 과정을 마련했습니다.</p>
 
-<h3 id="입문">입문</h3>
+  <p><a href="/en-US/docs/Learn/Front-end_web_developer"><strong>시작하기</strong></a></p>
 
-<p>JavaScript를 배우고 싶지만 JavaScript 또는 프로그래밍에 대한 이전 경험이 없는 경우 <a href="/ko/docs/Learn/JavaScript">Web 개발 학습하기의 JavaScript 주제</a>를 방문하세요. 사용할 수 있는 전체 모듈은 다음과 같습니다.</p>
+</div>
+
+<h2 id="Tutorials">자습서</h2>
+
+<p>가이드 및 자습서를 통해 JavaScript로 프로그래밍하는 방법을 알아보십시오.</p>
+
+<h3 id="For_complete_beginners">입문자용</h3>
+
+<p>JavaScript를 배우고 싶지만 JavaScript나 프로그래밍에 대한 이전 경험이 없는 경우 <a href="/ko/docs/Learn/JavaScript">JavaScript 주제에 대한 학습 영역</a>을 방문하세요. 사용할 수 있는 전체 모듈은 다음과 같습니다.</p>
 
 <dl>
  <dt><a href="/ko/docs/Learn/JavaScript/First_steps">JavaScript 첫 걸음</a></dt>
- <dd>"JavaScript는 무엇인가요?", "어떤 모습인가요?", "뭘 할 수 있나요?"와 같은 기본적인 질문에 대답하면서 변수, 문자열, 숫자, 배열과 같은 JavaScript의 주요 기능에 대해서도 알아봅니다.</dd>
+ <dd>변수, 문자열, 숫자 및 배열과 같은 주요 JavaScript 기능에 대해 논의하면서 "JavaScript 는 무엇인가요?", "어떤 모습인가요?", "무엇을 할 수 있나요?"와 같은 몇 가지 기본적인 질문에 답합니다.</dd>
  <dt><a href="/ko/docs/Learn/JavaScript/Building_blocks">JavaScript 구성 요소</a></dt>
  <dd>JavaScript의 핵심 기본 기능에 대한 이해를 넓히기 위해 조건문, 반복문, 함수, 이벤트와 같이 흔히 찾을 수 코드 블록의 형태에 대해서 알아봅니다.</dd>
  <dt><a href="/ko/docs/Learn/JavaScript/Objects">JavaScript 객체 소개</a></dt>
- <dd>JavaScript에 대한 지식을 쌓고, 보다 효율적인 코드를 작성하기 위해서는 JavaScript의 객체지향적인 모습을 이해해야 합니다.</dd>
+ <dd>JavaScript의 객체 지향적 특성은 언어에 대한 지식을 더 넓히고보다 효율적인 코드를 작성하려는 경우 이해하는데 중요하므로, 이 모듈을 제공하여 도움을 드릴것입니다.</dd>
  <dt><a href="/ko/docs/Learn/JavaScript/Asynchronous">비동기 JavaScript</a></dt>
  <dd>비동기 JavaScript가 중요한 이유와, 비동기적 코드를 사용해 서버에서 리소스 가져오기 등 블록킹 연산을 효율적으로 처리하는 방법을 알아봅니다.</dd>
  <dt><a href="/ko/docs/Learn/JavaScript/Client-side_web_APIs">클라이언트측 웹 API</a></dt>
- <dd>API란 무엇인지 탐색해보고, 제일 흔히 사용해서 개발 중 자주 마주치게 될 일부 API의 사용법을 배웁니다.</dd>
+ <dd>API란 무엇인지 탐색해보고, 개발 작업에서 자주 접하게 될 가장 일반적인 API를 사용하는 방법을 알아봅니다.</dd>
  <dt>
- <h3 id="JavaScript_안내서">JavaScript 안내서</h3>
+
+ <h3 id="JavaScript_guide">JavaScript 안내서</h3>
+
  </dt>
  <dt><a href="/ko/docs/Web/JavaScript/Guide">JavaScript 안내서</a></dt>
- <dd>
- <p>JavaScript 또는 다른 언어의 경험을 가진 독자를 대상으로 한 JavaScript 상세 안내서입니다.</p>
- </dd>
+ <dd>JavaScript 또는 다른 언어로 프로그래밍 경험이 있는 독자들을 대상으로한 JavaScript 언어에 대한 상세 가이드입니다.</dd>
 </dl>
 
-<h3 id="중급">중급</h3>
+<h3 id="Intermediate">중급</h3>
 
 <dl>
- <dt><a href="/ko/docs/A_re-introduction_to_JavaScript" title="A re-introduction to JavaScript">JavaScript 재입문</a></dt>
- <dd>JavaScript에 대해 안다고 <em>생각하는</em> 이들을 위한 개요.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Data_structures" title="JavaScript data structures">JavaScript 데이터 구조</a></dt>
+ <dt><a href="/ko/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">클라이언트 측 JavaScript 프레임 워크 이해</a></dt>
+ <dd>JavaScript 프레임워크는 현대적인 프런트 엔드 웹 개발의 필수 부분으로, 개발자에게 확장 가능한 대화형 웹 응용 프로그램을 구축하기위한 입증된 도구를 제공합니다. 이 모듈에서는 오늘날 가장 인기있는 일부 프레임 워크를 다루는 자습서 시리즈로 이동하기 전에 클라이언트 측 프레임 워크가 작동하는 방식과 도구 집합에 맞는 방식에 대한 기본적인 배경 지식을 제공합니다.</dd> 
+ <dt><a href="/ko/docs/A_re-introduction_to_JavaScript">JavaScript 재입문</a></dt>
+ <dd>JavaScript에 대해 알고 있다고 <em>생각하는</em> 사람들을 위한 개요.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Data_structures">JavaScript 데이터 구조</a></dt>
  <dd>JavaScript에서 이용 가능한 데이터 구조 개요.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness" title="Equality comparisons and sameness">같음 비교 및 동일성</a></dt>
- <dd>JavaScript는 세 가지 다른 값 비교 연산을 제공합니다: <code>===</code>를 사용한 엄격한(strict) 같음, <code>==</code>를 사용한 느슨한(loose) 같음 및 {{jsxref("Global_Objects/Object/is", "Object.is()")}} 메서드.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Equality_comparisons_and_sameness">동등성 비교 및 ​​동일성</a></dt>
+ <dd>JavaScript는 세 가지 다른 값 비교 연산을 제공합니다: <code>===</code>를 사용한 엄격한(strict) 동등성, <code>==</code>를 사용한 느슨한 동등성 및 {{jsxref("Global_Objects/Object/is", "Object.is()")}} 메서드.</dd>
  <dt><a href="/ko/docs/Web/JavaScript/Guide/Closures">클로저</a></dt>
- <dd>클로저는 함수와 그 함수가 선언 된 어휘 환경의 조합입니다.</dd>
+ <dd>클로저는 함수와 그 함수가 선언된 어휘 환경의 조합입니다.</dd>
 </dl>
 
-<h3 id="고급">고급</h3>
+<h3 id="Advanced">고급</h3>
 
 <dl>
- <dt><a href="/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain" title="Inheritance and the prototype chain">상속 및 프로토타입 체인</a></dt>
- <dd>널리 오해 받고 과소 평가된 프로토타입(원형) 기반 상속의 설명.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Reference/Strict_mode" title="Strict mode">엄격 모드</a></dt>
- <dd>엄격 모드는 초기화 전에 어떤 변수도 사용할 수 없음을 정의합니다. 이는 빠른 성능 및 쉬운 디버깅을 위한 ECMAScript 5의 제한된 변형(variant)입니다.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Typed_arrays" title="JavaScript typed arrays">JavaScript 형식화된 배열</a></dt>
- <dd>JavaScript 형식화된 배열은 원시(raw) 이진 데이터에 접근하기 위한 메커니즘을 제공합니다.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">상속 및 프로토타입 체인</a></dt>
+ <dd>널리 오해 받고 과소 평가된 프로토타입 기반 상속의 설명.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Reference/Strict_mode">엄격 모드</a></dt>
+ <dd>엄격 모드는 초기화 전에 변수를 사용할 수 없음을 정의합니다. 이는 빠른 성능 및 쉬운 디버깅을 위한 ECMAScript 5의 제한된 변형(variant)입니다.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Typed_arrays">JavaScript 형식화된 배열</a></dt>
+ <dd>JavaScript 형식화된 배열은 원시 이진 데이터에 접근하기 위한 메커니즘을 제공합니다.</dd>
  <dt><a href="/ko/docs/Web/JavaScript/Memory_Management">메모리 관리</a></dt>
  <dd>JavaScript에서 메모리 라이프 사이클 및 가비지 컬렉션.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/EventLoop" title="Concurrency model and Event Loop">동시성 모델 및 이벤트 루프</a></dt>
+ <dt><a href="/ko/docs/Web/JavaScript/EventLoop">동시성 모델 및 이벤트 루프</a></dt>
  <dd>JavaScript "이벤트 루프"에 기반을 둔 동시성 모델이 있습니다.</dd>
 </dl>
-</div>
 
-<div class="column-half">
-<h2 id="참고서">참고서</h2>
+<h2 id="Reference">참고서</h2>
 
-<p>전체 <a href="/ko/docs/Web/JavaScript/Reference" title="JavaScript reference">JavaScript 참고서</a>를 훑어보세요.</p>
+<p>전체 <a href="/ko/docs/Web/JavaScript/Reference">JavaScript 참고서</a>를 훑어보세요.</p>
 
 <dl>
- <dt><a href="/ko/docs/Web/JavaScript/Reference/Global_Objects" title="Standard objects">표준 객체</a></dt>
+ <dt><a href="/ko/docs/Web/JavaScript/Reference/Global_Objects">표준 객체</a></dt>
  <dd>{{jsxref("Array")}}, {{jsxref("Boolean")}}, {{jsxref("Date")}}, {{jsxref("Error")}}, {{jsxref("Function")}}, {{jsxref("JSON")}}, {{jsxref("Math")}}, {{jsxref("Number")}}, {{jsxref("Object")}}, {{jsxref("RegExp")}}, {{jsxref("String")}}, {{jsxref("Map")}}, {{jsxref("Set")}}, {{jsxref("WeakMap")}}, {{jsxref("WeakSet")}} 등 표준 내장 객체 알아가기.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Reference/Operators" title="Expressions and operators">표현식 및 연산자</a></dt>
- <dd>JavaScript 연산자 {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}의 행동, <a href="/ko/docs/Web/JavaScript/Reference/Operators/연산자_우선순위" title="operator precedence">연산자 우선순위</a> 등에 대해 더 알아보기.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Reference/Statements" title="Statements and declarations">명령문 및 선언문</a></dt>
- <dd>{{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} 등의 JavaScript 명령문 및 키워드 작동 법 배우기.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/Reference/Functions" title="Functions">함수</a></dt>
+ <dt><a href="/ko/docs/Web/JavaScript/Reference/Operators">표현식 및 연산자</a></dt>
+ <dd>JavaScript 연산자 {{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}의 동작, <a href="/ko/docs/Web/JavaScript/Reference/Operators/연산자_우선순위" title="operator precedence">연산자 우선순위</a> 등에 대해 더 알아보기.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Reference/Statements">명령문 및 선언문</a></dt>
+ <dd>{{jsxref("Statements/do...while", "do-while")}}, {{jsxref("Statements/for...in", "for-in")}}, {{jsxref("Statements/for...of", "for-of")}}, {{jsxref("Statements/try...catch", "try-catch")}}, {{jsxref("Statements/let", "let")}}, {{jsxref("Statements/var", "var")}}, {{jsxref("Statements/const", "const")}}, {{jsxref("Statements/if...else", "if-else")}}, {{jsxref("Statements/switch", "switch")}} 등의 JavaScript의 문 및 키워드 작동법 배우기.</dd>
+ <dt><a href="/ko/docs/Web/JavaScript/Reference/Functions">함수</a></dt>
  <dd>어플리케이션 개발에 JavaScript 함수로 작업하는 법 배우기.</dd>
 </dl>
 
@@ -99,20 +107,34 @@ translation_of: Web/JavaScript
 <p><strong>JavaScript</strong> 코드 작성과 디버깅을 돕는 유용한 도구 모음입니다.</p>
 
 <dl>
- <dt><a href="/ko/docs/도구들" title="Firefox Developer Tools">Firefox 개발자 도구</a></dt>
+ <dt><a href="/ko/docs/도구들">Firefox 개발자 도구</a></dt>
  <dd><a href="/ko/docs/도구들/Web_Console">Web Console</a>, <a href="/ko/docs/도구들/Performance">JavaScript Profiler</a>, <a href="/ko/docs/도구들/Debugger">Debugger</a> 등.</dd>
  <dt><a href="/ko/docs/Web/JavaScript/Shells">JavaScript 쉘</a></dt>
- <dd>빠르게 JavaScript 코드 조각(snippet)을 테스트할 수 있는 JavaScript 쉘.</dd>
+ <dd>JavaScript 셸을 사용하면 JavaScript 코드 스니펫을 빠르게 테스트 할 수 있습니다.</dd>
+ <dt><a href="https://learnjavascript.online/">JavaScript 배우기</a></dt>
+ <dd>야심찬 웹 개발자를 위한 훌륭한 리소스 — 간단한 강의와 대화 형 테스트를 통해 자동화된 평가를 통해 대화형 환경에서 JavaScript를 배우십시오. 처음 40 개의 강의는 무료이며 전체 과정은 소액의 일회성 지불로 제공됩니다.</dd>
  <dt><a href="https://togetherjs.com/">TogetherJS</a></dt>
- <dd>간편한 협업.</dd>
+ <dd>협업이 쉬워졌습니다. 사이트에 TogetherJS를 추가하면 사용자가 웹 사이트에서 실시간으로 서로를 도울 수 있습니다!</dd>
  <dt><a href="http://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
  <dd>"JavaScript" 태그가 달린 Stack Overflow 질문.</dd>
- <dt><a href="/ko/docs/Web/JavaScript/New_in_JavaScript" title="JavaScript versions and release notes">JavaScript 버전 및 출시 노트</a></dt>
- <dd>JavaScript 기능 역사 및 구현 상태 훑어보기.</dd>
  <dt><a href="https://jsfiddle.net/">JSFiddle</a></dt>
  <dd>JavaScript, CSS, HTML 편집 및 실시간 결과 얻기. 외부 자원(resource)을 사용하며 온라인으로 팀과 협업하기.</dd>
  <dt><a href="https://plnkr.co/">Plunker</a></dt>
- <dd>Plunker는 온라인에서 여러분의 웹 개발 아이디어를 실제로 만들거나 다른사람과 공유 협업하는 커뮤니티 입니다. 실시간으로 JavaScrip, CSS, HTML을 만들고 편집 할 수 있습니다.</dd>
+ <dd>Plunker는 온라인에서 여러분의 웹 개발 아이디어를 실제로 만들거나 다른사람과 공유 협업하는 커뮤니티 입니다. JavaScript, CSS, HTML 파일을 편집하고 실시간 결과와 파일 구조를 얻으세요.</dd>
+ <dt><a href="https://jsbin.com/">JSBin</a></dt>
+ <dd>
+ <p>JS Bin은 오픈 소스 협업 웹 개발 디버깅 도구입니다.</p>
+ </dd>
+ <dt><a href="https://codepen.io/">Codepen</a></dt>
+ <dd>
+ <p>Codepen은 실시간으로 실행 결과를 볼 수 있으며 사용되는 또 다른 협업 웹 개발 도구입니다.</p>
+ </dd>
+ <dt><a href="https://stackblitz.com/">StackBlitz</a></dt>
+ <dd>
+ <p>StackBlitz는 React, Angular 등을 사용하여 풀 스택 애플리케이션을 호스팅하고 배포 할 수 있는 또 다른 온라인 플레이 그라운드/디버깅 도구입니다.</p>
+ </dd>
+ <dt><a href="https://runjs.app/">RunJS</a></dt>
+ <dd>
+ <p>RunJS는 데스크톱 플레이그라운드/스크래치 패드 도구로, 실시간 결과를 제공하고 노드 및 브라우저 API에 대한 액세스를 제공합니다.</p>
+ </dd>
 </dl>
-</div>
-</div>