Revision 988935 of JavaScript

<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>&lt;canvas&gt;는 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>

    <ul>
     <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> - JavaScript 디버깅, 프로파일링</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&amp;A 사이트 입니다. 질문을 올리기 전에 먼저 검색을 시도해 보세요.</dd>
     <dt><a href="https://pineapple.io/resources/tagged/javascript?type=tutorials&amp;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>