<div>{{JsSidebar}}</div>
<p class="summary"><strong>JavaScript</strong> (JS)는 가볍고, 인터프리터로 실행되는 언어로, <a href="https://en.wikipedia.org/wiki/First-class_functions" title="https://en.wikipedia.org/wiki/First-class_functions">일급 함수</a>를 지원합니다. 주로 웹 페이지를 위한 스크립팅 언어로 알려졌지만, <a class="external" href="https://nodejs.org/">node.js</a>나 <a href="https://couchdb.apache.org/">Apache CouchDB</a>처럼 <a class="external" href="https://en.wikipedia.org/wiki/JavaScript#Uses_outside_web_pages">브라우저가 아닌 환경에서도 사용</a>됩니다. JavaScript는 <a class="mw-redirect" href="https://en.wikipedia.org/wiki/Prototype-based_programming" title="Prototype-based">프로토타입 기반</a>의 다중 패러다임 스크립팅 언어로서, 역동적이고, 객체지향형, 함수형, 명령형의 프로그래밍 스타일을 지원합니다. 자세한 내용은 <a href="/ko/docs/Web/JavaScript/About_JavaScript">JavaScript에 대하여</a>를 참고하세요.</p>
<p>이 문서은 JavaScript 언어 자체에 대해서만 다루며 웹 페이지를 비롯한 다른 사용 환경에 대해서는 다루지 않습니다. 웹 페이지의 특정 {{Glossary("API","APIs")}}에 대하여 알고 싶다면 <a href="/ko/docs/Web/API">웹 API</a>와 <a href="/ko/docs/DOM">DOM</a>을 참고하시기 바랍니다.<a href="https://developer.mozilla.org/en-US/docs/Glossary/DOM"> </a></p>
<p>JavaScript의 표준은 <a href="/ko/docs/JavaScript/Language_Resources">ECMAScript</a>입니다. 2012년부터 최신 브라우저들은 모두 ECMAScript 5.1의 기능을 전부 지원합니다. 예전 브라우저의 경우는 최소한 ECMAScript 3까지는 지원합니다. 2015년 6월 17일 <a href="https://www.ecma-international.org">ECMA International</a>에서는 ECMAScript의 6번째 버전을 공식 버전으로 발표했습니다. 이 표준을 ECMAScript 6 또는 ES6이라고 부릅니다. 이 문서에서는 ECMAScript 6과 ECMAScript의 다음 버전(ES2016)의 일부 기능에 다룹니다.</p>
<p>JavaScript를 <a href="https://en.wikipedia.org/wiki/Java_(programming_language)">Java 프로그래밍 언어</a>와 혼동해서는 안 됩니다. "Java"와 "JavaScript" 두 가지 모두 Oracle이 미국 및 기타 국가에 등록한 상표입니다. 하지만, 두 언어는 문법 체계와 사용방법이 전혀 다릅니다.</p>
<table class="topicpage-table">
<tbody>
<tr>
<td>
<h2 class="Documentation" id="문서">문서</h2>
<dl>
<dt><a href="/ko/docs/Core_JavaScript_1.5_Reference">JavaScript 레퍼런스</a></dt>
<dd>이 자바스크립트 레퍼런스는 자바스크립트 1.5에 대한 완전한 문서와 이 후 업데이트 된 내용을 담고 있습니다.</dd>
<dt><a href="/ko/docs/JavaScript/Guide">JavaScript 안내서</a></dt>
<dd>자바스크립트에 처음인 프로그래머를 위한 어떻게 자바스크립트로 프로그래밍을 하는지에 대한 주요 가이드</dd>
<dt><a href="/ko/docs/JavaScript/Introduction_to_Object-Oriented_JavaScript">객체지향 JavaScript 소개</a></dt>
<dd>자바스크립트의 객체 지향 프로그래밍 개념에 대한 소개</dd>
</dl>
<h3 id="입문용_글">입문용 글</h3>
<dl>
<dt><a href="/ko/docs/JavaScript_technologies_overview">JavaScript 기술 개요</a></dt>
<dd>웹 브라우저 자바스크립트 전체적 소개</dd>
<dt><a href="/ko/docs/JavaScript/Data_structures">JavaScript 자료구조</a></dt>
<dd>자바스크립에서 가능한 자료구조 개요</dd>
<dt><a href="/ko/docs/Web/JavaScript/Guide/Inheritance_and_the_prototype_chain">상속과 프로토타입 체인</a></dt>
<dd>프로토타입 기반 상속의 큰 오해와 과소평가에 대한 설명</dd>
</dl>
<h3 id="다른_글">다른 글</h3>
<dl>
<dt><a href="/ko/docs/Canvas_tutorial">캔버스 튜토리얼</a></dt>
<dd><canvas>는 HTML5 요소로 스크립팅을 사용해서 그래픽들을 그릴 수 있습니다. 예를들어 그래프들을 그리고 사진 조합을 만들 수 있으며 간단(혹은 간단하지 않은) 애니메이션들 할 때 사용됩니다.</dd>
<dt><a href="/ko/docs/Web/JavaScript/Language_Resources">JavaScript 언어 자료</a></dt>
<dd>자바스크립트 언어 표준 설명.</dd>
<dt><a class="external" href="https://msdn.microsoft.com/en-us/library/ff405926.aspx">인터넷 익스플로러 표준 지원 문서</a></dt>
<dd>Microsoft는 "인터넷 익스플로러에서 지원하는 최종 승인된 웹 표준에 대한 다양성, 명확성, 확장성"을 기술하는 문서를 공개했다. 이 중 JavaScript와 관련있는 문서는 다음과 같다.
<ul>
<li><a class="external" href="https://msdn.microsoft.com/en-us/library/ff520996.aspx">[MS-ES3]: Internet Explorer ECMA-262 ECMAScript 언어 명세 표준 지원 문서 </a></li>
<li><a class="external" href="https://msdn.microsoft.com/en-us/library/ff521046.aspx">[MS-ES3EX]: Microsoft JScript Extensions to the ECMAScript 언어 명세 3차 개정판</a></li>
<li><a class="external" href="https://msdn.microsoft.com/en-us/library/ff960769.aspx">[MS-ES5]: Internet Explorer ECMA-262 ECMAScript 언어 명세 (5차 계정판) 표준 지원 문서</a></li>
<li><a class="external" href="https://msdn.microsoft.com/en-us/library/ff955363.aspx">[MS-ES5EX]: Internet Explorer Extensions to the ECMA-262 ECMAScript 언어 명세 (5차 계정)</a></li>
</ul>
</dd>
</dl>
<p><span class="alllinks"><a href="/ko/docs/tag/JavaScript">모두 보기...</a></span></p>
</td>
<td>
<h2 class="Tools" id="레퍼런스">레퍼런스</h2>
<p>더 자세한 내용은 <a href="/ko/docs/Web/JavaScript/Reference">자바스크립트 레퍼런스</a> 문서를 확인하세요.</p>
<dl>
<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">표현과 연산자</a></dt>
<dd>{{jsxref("Operators/instanceof", "instanceof")}}, {{jsxref("Operators/typeof", "typeof")}}, {{jsxref("Operators/new", "new")}}, {{jsxref("Operators/this", "this")}}, <a href="/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">연산자 우선순위</a> 등 Javascript 연산자 알아보기.</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/Guide/%ED%95%A8%EC%88%98">함수</a></dt>
<dd>당신의 어플리케이션을 개발하는데 필요한 Javascript 함수의 동작 원리 알아보기.</dd>
</dl>
<h2 class="Tools" id="도구와_자원">도구와 자원</h2>
<ul>
<li><a href="https://developer.mozilla.org/ko/docs/Tools">Firefox Developer Tools</a><br />
<a href="https://developer.mozilla.org/ko/docs/Tools/Scratchpad">Scratchpad</a>, <a href="https://developer.mozilla.org/ko/docs/Tools/Web_Console">Web Console</a>, <a href="https://developer.mozilla.org/ko/docs/Tools/Profiler">Javascript Profiler</a>, <a href="https://developer.mozilla.org/ko/docs/Tools/Debugger">Debuger</a> 등등</li>
<li><a href="https://togetherjs.com/">TogetherJS</a> - 웹사이트 내에서 협업 환경을 구축해주는 라이브러리</li>
<li><a href="https://www.codecademy.com/">Codecademy</a> - 양방향 시험식 무료 자바스크립트 코스</li>
<li><a href="https://www.letscodejavascript.com/" title="https://www.letscodejavascript.com/">Let’s Code: Test-Driven JavaScript</a> - screencast series on rigorous, professional JavaScript development</li>
<li><a class="link-https" href="https://github.com/rwldrn/idiomatic.js">Idiomatic.js</a> - 자연스럽고 일관성 있게 자바스크립트 코딩하는 원칙(한국어 번역본도 있습니다)</li>
<li><a href="/ko/docs/JavaScript/Memory_Management">Memory Management in JavaScript</a> - 자바스크립트에서의 메모리 관리 동작에 대한 개요.</li>
<li><a class="external" href="https://www.getfirebug.com/">Firebug</a> - CSS, HTML, JavascriptJ 검사, avaScript 디버깅, 프로파일링</li>
<li><a href="/ko/docs/Venkman">Venkman</a> - JavaScript 디버거</li>
<li><a href="/ko/docs/JavaScript/Shells">JavaScript Shells</a> - 코드 테스트</li>
<li><a href="https://www.jslint.com/">JSLint</a> - 좋지 않은 코딩을 알려주는 문법 검사기</li>
<li><a class="external" href="https://jshint.com">JSHint</a> - 커뮤니티에서 생성한 문법 검사기</li>
<li><a class="external" href="https://github.com/jsdoc3/jsdoc">JSDoc</a> - 코드로부터 문서 생성</li>
<li><a class="external" href="https://online-marketing-technologies.com/tools/javascript-redirection-generator.html" title="JavaScript Redirect">JavaScript Redirect</a> - advanced JavaScript redirect tool</li>
<li><a class="external" href="https://www.aptana.com">Aptana Studio</a> - Ajax와 JavaScript를 지원하는 오픈소스 IDE (eclipse 기반)</li>
<li><a class="external" href="https://netbeans.org/features/javascript/">Netbeans</a> - JavaScript를 정교하게 지원하는 IDE</li>
<li><a class="external" href="https://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/heliossr1">Eclipse</a> - JavaScript Development Toolkit 을 포함하는 Open source IDE</li>
<li><a class="external" href="https://www.c9.io">Cloud9 IDE</a> - 브라우저에서 동작하는 Open source IDE 로 JavaScript 와 Node.js를 지원</li>
<li><a class="external" href="https://prettydiff.com/">Pretty Diff </a>- 난독화된 코드부터 일반 코드까지 각자의 차이점을 비교하는 툴</li>
<li><a href="https://www.objectplayground.com/" title="https://www.objectplayground.com/">Object Playground</a> - 객체지향 자바스크립트의 이해에 대한 스크린케스트와 툴</li>
<li><a class="link-https" href="https://addons.mozilla.org/en-US/firefox/addon/7434">Extension Developer's Extension</a> - JS 환경과 쉘 제공</li>
<li><a href="https://boilerplatejs.org/">BoilerplateJS</a> - 큰 규모의 JavaScript 프로젝트를 위한 구조체 레퍼런스</li>
<li><a href="/ko/docs/JavaScript/Other_JavaScript_tools">다른 JavaScript 도구</a></li>
</ul>
<p><span class="alllinks"><a href="/ko/docs/tag/JavaScript:Tools">모두 보기...</a></span></p>
<h2 class="Community" id="Other resources" name="Other resources">기타 자료</h2>
<dl>
<dt><a class="external" href="https://bonsaiden.github.com/JavaScript-Garden">JavaScript Garden</a></dt>
<dd>더욱 심도있고 유용한 자바스크립트의 정보가 있는 사이트 입니다.</dd>
<dt><a class="link-https" href="https://github.com/bebraw/jswiki/wiki">JSWiki</a></dt>
<dd>각종 라이브러리와 리소스가 인덱싱 되어있는 Github 기반의 위키 입니다.</dd>
<dt><a href="https://stackoverflow.com/questions/tagged/javascript">Stack Overflow</a></dt>
<dd>협업을 통해 구축과 관리가 이루어지는 Q&A 사이트 입니다. 질문을 올리기 전에 먼저 검색을 시도해 보세요.</dd>
<dt><a href="https://pineapple.io/resources/tagged/javascript?type=tutorials&sort=all_time">Pineapple · JavaScript</a></dt>
<dd>최근의 자바스크립트 강좌와 리소스가 모여있는 데이터 베이스 입니다</dd>
</dl>
<h2 class="Related_Topics" id="Related_Topics" name="Related_Topics">관련 주제</h2>
<ul>
<li><a href="/ko/docs/AJAX">AJAX</a>, <a href="/ko/docs/DOM">DOM</a>, <a class="internal" href="/ko/docs/JavaScript/Server-Side_JavaScript">Server-Side JavaScript</a>, <a href="/ko/docs/DHTML">DHTML</a>, <a href="/ko/docs/SpiderMonkey">SpiderMonkey</a>, <a href="/ko/docs/HTML/Canvas">Canvas</a>, <a href="/ko/docs/JavaScript/JQuery">JQuery</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>{{CommunityBox("JavaScript", "js-engine.internals", "mozilla.dev.tech.js-engine.internals", "js", "ES discuss|https://esdiscuss.org/|esdiscuss.org|ECMAScript standard discussion mailing list||SpiderMonkey|https://wiki.mozilla.org/JavaScript|Project page|Contribute to the JavaScript Engine||Twitter|https://twitter.com/FirefoxNightly|@FirefoxNightly|Firefox Nightly updates on Twitter")}}</p>